Fix: Email confirmation link issue

The email confirmation page still displays an "invalid link" message. This commit addresses the issue.

src/pages/EmailConfirmation.tsx

@@ -20,13 +20,36 @@ const EmailConfirmation = () => {
         console.log('🔗 Hash:', window.location.hash);
         console.log('🔗 Search:', window.location.search);
 
-        // Verificar se há tokens no hash (formato novo do Supabase)
+        // Aguardar um momento para garantir que a URL está totalmente carregada
+        await new Promise(resolve => setTimeout(resolve, 100));
+
+        // Primeiro, verificar se já existe uma sessão ativa
+        const { data: { session: existingSession } } = await supabase.auth.getSession();
+        console.log('📋 Sessão existente:', existingSession ? 'presente' : 'ausente');
+
+        if (existingSession) {
+          console.log('✅ Usuário já autenticado, redirecionando...');
+          setStatus('success');
+          setMessage('Email já confirmado! Redirecionando para o dashboard...');
+          toast.success("Bem-vindo!", {
+            description: "Você já está logado. Redirecionando...",
+          });
+          
+          setTimeout(() => {
+            navigate('/dashboard', { replace: true });
+          }, 1500);
+          return;
+        }
+
+        // Verificar tokens no hash fragment (formato mais comum)
         const hashParams = new URLSearchParams(window.location.hash.substring(1));
         const accessToken = hashParams.get('access_token');
         const refreshToken = hashParams.get('refresh_token');
         const tokenType = hashParams.get('type');
+        const errorCode = hashParams.get('error');
+        const errorDescription = hashParams.get('error_description');
 
-        // Verificar se há tokens nos query params (formato antigo)
+        // Verificar tokens nos query params (formato antigo)
         const searchParams = new URLSearchParams(window.location.search);
         const tokenHash = searchParams.get('token_hash');
         const type = searchParams.get('type');
@@ -36,13 +59,29 @@ const EmailConfirmation = () => {
           refreshToken: refreshToken ? 'presente' : 'ausente',
           tokenType,
           tokenHash: tokenHash ? 'presente' : 'ausente',
-          type
+          type,
+          error: errorCode,
+          errorDescription
         });
 
-        // Processar tokens do hash (formato mais comum)
+        // Verificar se há erro na URL
+        if (errorCode) {
+          console.error('❌ Erro na URL:', errorCode, errorDescription);
+          setStatus('error');
+          setMessage('Link de confirmação expirado ou inválido. Tente fazer login novamente.');
+          toast.error("Link expirado", {
+            description: "O link de confirmação expirou. Tente fazer login para receber um novo email.",
+          });
+          return;
+        }
+
+        let confirmationSuccess = false;
+
+        // Processar tokens do hash fragment (formato mais comum do Supabase)
         if (accessToken && refreshToken) {
           console.log('✅ Processando tokens do hash fragment...');
           
+          try {
             const { data, error } = await supabase.auth.setSession({
               access_token: accessToken,
               refresh_token: refreshToken
@@ -50,23 +89,30 @@ const EmailConfirmation = () => {
 
             if (error) {
               console.error('❌ Erro ao definir sessão:', error);
-            setStatus('error');
+              throw error;
-            setMessage('Erro ao confirmar email. Tente fazer login novamente.');
-            toast.error("Erro na confirmação", {
-              description: "Não foi possível confirmar seu email. Tente fazer login.",
-            });
             } else {
               console.log('✅ Sessão definida com sucesso:', data);
-            setStatus('success');
+              confirmationSuccess = true;
-            setMessage('Email confirmado com sucesso! Redirecionando para o dashboard...');
+            }
-            toast.success("Email confirmado!", {
+          } catch (sessionError) {
-              description: "Sua conta foi ativada com sucesso. Redirecionando...",
+            console.error('❌ Erro na sessão:', sessionError);
+            // Tentar método alternativo se setSession falhar
+            try {
+              console.log('🔄 Tentando método alternativo...');
+              const { error: verifyError } = await supabase.auth.verifyOtp({
+                token_hash: accessToken,
+                type: 'signup',
               });
               
-            // Redirecionar para dashboard após 2 segundos
+              if (!verifyError) {
-            setTimeout(() => {
+                confirmationSuccess = true;
-              navigate('/dashboard', { replace: true });
+              } else {
-            }, 2000);
+                throw verifyError;
+              }
+            } catch (altError) {
+              console.error('❌ Método alternativo também falhou:', altError);
+              throw altError;
+            }
           }
         }
         // Processar tokens dos query params (formato antigo)
@@ -80,33 +126,56 @@ const EmailConfirmation = () => {
 
           if (error) {
             console.error('❌ Erro na verificação OTP:', error);
-            setStatus('error');
+            throw error;
-            setMessage('Link de confirmação inválido ou expirado.');
-            toast.error("Erro na confirmação", {
-              description: "O link de confirmação pode ter expirado. Tente fazer login novamente.",
-            });
           } else {
             console.log('✅ OTP verificado com sucesso:', data);
+            confirmationSuccess = true;
+          }
+        }
+
+        // Verificar resultado da confirmação
+        if (confirmationSuccess) {
+          // Aguardar um momento para a sessão ser estabelecida
+          await new Promise(resolve => setTimeout(resolve, 500));
+          
+          // Verificar se a sessão foi realmente estabelecida
+          const { data: { session: newSession } } = await supabase.auth.getSession();
+          
+          if (newSession) {
+            console.log('✅ Confirmação bem-sucedida com sessão ativa');
             setStatus('success');
             setMessage('Email confirmado com sucesso! Redirecionando para o dashboard...');
             toast.success("Email confirmado!", {
               description: "Sua conta foi ativada com sucesso. Redirecionando...",
             });
             
-            // Redirecionar para dashboard após 2 segundos
             setTimeout(() => {
               navigate('/dashboard', { replace: true });
             }, 2000);
+          } else {
+            console.log('⚠️ Confirmação processada mas sem sessão ativa');
+            setStatus('success');
+            setMessage('Email confirmado com sucesso! Você pode fazer login agora.');
+            toast.success("Email confirmado!", {
+              description: "Sua conta foi ativada. Faça login para continuar.",
+            });
           }
-        }
+        } else if (!accessToken && !refreshToken && !tokenHash) {
           // Nenhum token encontrado
-        else {
           console.warn('⚠️ Nenhum token válido encontrado na URL');
           setStatus('error');
           setMessage('Link de confirmação inválido. Verifique se você clicou no link correto do email.');
           toast.error("Link inválido", {
             description: "Este link de confirmação não é válido.",
           });
+        } else {
+          // Tokens encontrados mas processamento falhou
+          console.error('❌ Tokens encontrados mas processamento falhou');
+          setStatus('error');
+          setMessage('Erro ao processar confirmação. O link pode ter expirado.');
+          toast.error("Erro na confirmação", {
+            description: "O link de confirmação pode ter expirado. Tente fazer login novamente.",
+          });
         }
 
       } catch (error) {