;
}
if (!currentUser || !isAdmin) {
return ;
}
return children;
};
const queryClient = new QueryClient();
const AuthCheck = () => {
const { currentUser, loading } = useAuth();
const navigate = useNavigate();
const location = useLocation();
// Lista de páginas que requerem autenticação
const protectedPaths = [
'/profile',
'/profile/favorites',
'/plans',
'/notifications',
'/admin'
];
// Verifica se está em uma página protegida que requer autenticação
const isProtectedPage = protectedPaths.some(path => location.pathname.startsWith(path));
// Verifica se está em uma página de autenticação (login ou registro)
const isAuthPage = location.pathname === '/login' || location.pathname === '/register';
useEffect(() => {
// Redireciona para login apenas se estiver em uma página protegida e não estiver logado
if (!loading && !currentUser && isProtectedPage) {
navigate('/login');
}
}, [currentUser, loading, navigate, isProtectedPage]);
// Se estiver em uma página de autenticação ou não protegida, não exibe nada
if (isAuthPage || !isProtectedPage) {
return null;
}
if (loading) {
return
Carregando...
;
}
if (!currentUser) {
return null; // Não exibe a mensagem de acesso restrito, apenas redireciona silenciosamente
}
// Não renderizar nada, apenas verificar autenticação
return null;
};
const AppRoutes = () => (
{/* Client Routes */}
}>
} />
} />
} />
} />
} />
} />
} />
} />
} />
} />
} />
} />
} />
} />
{/* Auth Routes */}
} />
} />
{/* Admin Routes */}
}
>
} />
} />
} />
} />
} />
} />
} />
} />
} />
} />
} />
} />
} />
} />
} />
} />
{/* Configurações de cache */}
} />
{/* 404 Route */}
} />
);
import { Capacitor, PluginListenerHandle } from "@capacitor/core";
const EXIT_ROUTES = ["/", "/home"];
const TO_HOME_ROUTES = [
"/tv-channels",
"/series",
"/movies",
"/profile"
];
function AppBackButtonHandler() {
const location = useLocation();
const navigate = useNavigate();
useEffect(() => {
const setupBackButton = async () => {
if (Capacitor.isNativePlatform && Capacitor.isNativePlatform()) {
try {
const { App } = await import("@capacitor/app");
const listener = await App.addListener("backButton", () => {
// Verificar primeiro se há um elemento em tela cheia
if (document.fullscreenElement) {
// Se estiver em tela cheia, apenas sair da tela cheia
document.exitFullscreen().catch(err =>
console.error('Erro ao sair da tela cheia:', err)
);
return; // Importante: não executar a navegação
}
// Se não estiver em tela cheia, seguir com o comportamento normal
const pathname = location.pathname;
if (EXIT_ROUTES.includes(pathname)) {
App.exitApp();
} else if (TO_HOME_ROUTES.includes(pathname)) {
navigate("/", { replace: true });
} else {
navigate(-1);
}
});
return listener;
} catch (error) {
console.error('Erro ao configurar o listener do botão voltar:', error);
return null;
}
}
return null;
};
// Configurar o listener e armazenar para limpeza posterior
const listenerPromise = setupBackButton();
return () => {
// Limpar o listener quando o componente for desmontado
listenerPromise.then(listener => {
if (listener) listener.remove();
}).catch(err => {
console.error('Erro ao remover o listener do botão voltar:', err);
});
};
}, [location, navigate]);
return null;
}
import SplashScreen from "@/components/SplashScreen";
const App = () => {
const [showSplash, setShowSplash] = useState(true);
// Splash dura pelo menos 800ms, mas some assim que tudo estiver pronto
useEffect(() => {
// Aguarda o carregamento mínimo e o próximo tick de render
const timeout = setTimeout(() => setShowSplash(false), 800);
return () => clearTimeout(timeout);
}, []);
// Inicializa o serviço de escuta de notificações
useEffect(() => {
// Inicializa o serviço de notificações
notificationService.initialize();
// Limpa o serviço quando o componente for desmontado
return () => {
};
}, []);
return (
{showSplash ? (
setShowSplash(false)} />
) : (
)}
);
};
export default App;