= ({
const steps = [
{
- title: "Passo 1 - Conecte seu WhatsApp",
+ title: "Bem-vindo ao Finance Home! 🎉",
content: (
<>
- Para que o app funcione, você precisa integrar seu WhatsApp com nossa plataforma.
+ Olá! Este é o Finance Home, sua ferramenta para controle financeiro automático.
- Isso permitirá que suas transações feitas no WhatsApp apareçam automaticamente aqui no Finance Home.
+ Vamos te ensinar como navegar pelo sistema e usar suas principais funcionalidades.
- 👉 Clique em "Conectar WhatsApp", digite o código da cidade + seu número de WhatsApp e depois clique em "Criar Instância".
+ 👉 Use o botão do menu (☰) no canto superior esquerdo para abrir e retrair o menu lateral.
),
- spotlight: 'whatsapp-menu'
+ spotlight: null
},
{
- title: "Passo 2 - Crie seu Grupo com a IA",
+ title: "Passo 1 - Crie seu Grupo com a IA",
content: (
<>
- Agora você precisa criar um grupo no WhatsApp com o nosso bot de IA chamado Angelina.
+ Para começar, você precisa criar um grupo no WhatsApp com o nosso bot de IA chamado Angelina.
Nele, você vai mandar mensagens, áudios ou comprovantes, e o sistema vai registrar automaticamente suas despesas e receitas.
- 👉 Clique em "Grupos", escolha o nome do grupo e clique em "Cadastrar Grupo".
+ 👉 Clique em "Grupos" no menu lateral, escolha o nome do grupo e clique em "Cadastrar Grupo".
),
@@ -63,9 +63,12 @@ const OnboardingTour: React.FC = ({
Agora você pode começar a usar o Finance Home de forma automática.
-
+
Tudo que você enviar para o grupo vai ser registrado no app.
+
+ 💡 Dica: Use o menu lateral para navegar entre as diferentes seções do sistema.
+
),
spotlight: null
@@ -87,7 +90,6 @@ const OnboardingTour: React.FC = ({
});
};
- // Aplicar highlight no elemento
const highlightElementStyle = () => {
const currentStepData = steps[currentStep];
if (!currentStepData?.spotlight) return;
@@ -112,7 +114,6 @@ const OnboardingTour: React.FC = ({
return;
}
- // Limpar estilos anteriores
removeHighlightStyle();
const currentStepData = steps[currentStep];
@@ -134,7 +135,6 @@ const OnboardingTour: React.FC = ({
};
}, [isOpen, currentStep]);
- // Cleanup quando o componente for desmontado
useEffect(() => {
return () => {
removeHighlightStyle();
diff --git a/src/hooks/useAdminSettings.ts b/src/hooks/useAdminSettings.ts
new file mode 100644
index 0000000..a27606b
--- /dev/null
+++ b/src/hooks/useAdminSettings.ts
@@ -0,0 +1,60 @@
+
+import { useState, useEffect } from 'react';
+import { supabase } from '@/integrations/supabase/client';
+
+const ADMIN_EMAIL = 'rodrigobm10@gmail.com';
+const SETTINGS_KEY = 'admin_hide_whatsapp_button';
+
+export const useAdminSettings = () => {
+ const [isAdmin, setIsAdmin] = useState(false);
+ const [hideWhatsAppButton, setHideWhatsAppButton] = useState(false);
+ const [loading, setLoading] = useState(true);
+
+ useEffect(() => {
+ checkAdminStatus();
+ loadSettings();
+ }, []);
+
+ const checkAdminStatus = async () => {
+ try {
+ const { data: { user } } = await supabase.auth.getUser();
+ if (user?.email === ADMIN_EMAIL) {
+ setIsAdmin(true);
+ }
+ } catch (error) {
+ console.error('Erro ao verificar status admin:', error);
+ }
+ };
+
+ const loadSettings = async () => {
+ try {
+ const savedSetting = localStorage.getItem(SETTINGS_KEY);
+ if (savedSetting) {
+ setHideWhatsAppButton(JSON.parse(savedSetting));
+ }
+ } catch (error) {
+ console.error('Erro ao carregar configurações:', error);
+ } finally {
+ setLoading(false);
+ }
+ };
+
+ const toggleWhatsAppButton = async () => {
+ if (!isAdmin) return;
+
+ try {
+ const newValue = !hideWhatsAppButton;
+ setHideWhatsAppButton(newValue);
+ localStorage.setItem(SETTINGS_KEY, JSON.stringify(newValue));
+ } catch (error) {
+ console.error('Erro ao salvar configuração:', error);
+ }
+ };
+
+ return {
+ isAdmin,
+ hideWhatsAppButton,
+ loading,
+ toggleWhatsAppButton
+ };
+};
diff --git a/src/hooks/useOnboardingTour.ts b/src/hooks/useOnboardingTour.ts
index 15d3d2e..b813535 100644
--- a/src/hooks/useOnboardingTour.ts
+++ b/src/hooks/useOnboardingTour.ts
@@ -27,7 +27,7 @@ export const useOnboardingTour = () => {
console.log('🔍 [TOUR] Iniciando verificação de condições do tour...');
// Só mostrar o tour na página inicial (dashboard)
- if (location.pathname !== '/') {
+ if (location.pathname !== '/dashboard') {
console.log('❌ [TOUR] Tour só aparece no dashboard, página atual:', location.pathname);
setShouldShowTour(false);
return;
@@ -108,7 +108,7 @@ export const useOnboardingTour = () => {
// Verificar condições quando a localização mudar ou na inicialização
useEffect(() => {
- if (!tourCheckedRef.current && location.pathname === '/') {
+ if (!tourCheckedRef.current && location.pathname === '/dashboard') {
console.log('🔄 [TOUR] useEffect disparado - verificando condições do tour');
tourCheckedRef.current = true;
const timer = setTimeout(() => {
@@ -123,7 +123,7 @@ export const useOnboardingTour = () => {
useEffect(() => {
const handleUserLoggedIn = (event: CustomEvent) => {
console.log('🎉 [TOUR] Evento de login recebido:', event.detail);
- if (location.pathname === '/') {
+ if (location.pathname === '/dashboard') {
console.log('📧 [TOUR] Login detectado no dashboard, re-verificando condições do tour');
tourCheckedRef.current = false;
sessionStorage.removeItem(TOUR_SESSION_KEY);
diff --git a/src/pages/Admin.tsx b/src/pages/Admin.tsx
new file mode 100644
index 0000000..fd57bdd
--- /dev/null
+++ b/src/pages/Admin.tsx
@@ -0,0 +1,35 @@
+
+import AdminPanel from '@/components/admin/AdminPanel';
+import { useAdminSettings } from '@/hooks/useAdminSettings';
+import { Navigate } from 'react-router-dom';
+
+const Admin = () => {
+ const { isAdmin, loading } = useAdminSettings();
+
+ if (loading) {
+ return (
+
+ );
+ }
+
+ if (!isAdmin) {
+ return ;
+ }
+
+ return (
+
+
+
Administração
+
+
+
+
{
Finance Home
-
+