fix: fixed email from magic Link not being passed to context

Author: AlexVOiceover

src/App.tsx

@@ -44,6 +44,22 @@ const AppContent: React.FC = () => {
       }));
     }
   }, [authState.user, authState.isAuthenticated]);
+  
+  // Listen for magic link verification and ensure user email is saved to entries context
+  useEffect(() => {
+    const handleMagicLinkVerified = (event: any) => {
+      if (event.detail?.user?.email) {
+        console.log('App: Magic link verified with email:', event.detail.user.email);
+        // Dispatch event with user email to entries context
+        window.dispatchEvent(new CustomEvent('authStateChanged', { 
+          detail: { user: { email: event.detail.user.email }}
+        }));
+      }
+    };
+    
+    window.addEventListener('magicLinkVerified', handleMagicLinkVerified);
+    return () => window.removeEventListener('magicLinkVerified', handleMagicLinkVerified);
+  }, []);
 
   return (
     // MainPage and Header receives the username from context.

src/features/auth/authUtils.ts

@@ -33,10 +33,15 @@ export const handleMagicLinkVerification = async () => {
     window.localStorage.setItem('auth', 'updated');
     window.localStorage.removeItem('auth');
 
-    // Dispatch a custom event that components can listen for
+    // Dispatch magicLinkVerified event
     window.dispatchEvent(new CustomEvent('magicLinkVerified', { 
       detail: { user: result.user }
     }));
+
+    // Also dispatch authStateChanged to update entries context
+    window.dispatchEvent(new CustomEvent('authStateChanged', { 
+      detail: { user: result.user }
+    }));
   }
 
   return result;

src/features/statements/context/EntriesProvider.tsx

@@ -91,16 +91,20 @@ export const EntriesProvider: React.FC<EntriesProviderProps> = ({
   useEffect(() => {
     // Handler for auth state changes
     const handleAuthStateChange = (event: AuthStateChangedEvent) => {
+      console.log('EntriesProvider: Auth state changed event received:', event.detail);
+      
       // If we have a user object with a username
       if (event.detail?.user?.username) {
         // Update username from auth state - ALWAYS update, don't check if empty
         setData({ type: 'SET_USERNAME', payload: event.detail.user.username });
+        console.log('EntriesProvider: Updated username to', event.detail.user.username);
       }
 
       // If we have a user object with an email
       if (event.detail?.user?.email) {
         // Store user email from auth (this is the email they used for magic link)
         setData({ type: 'SET_USER_EMAIL', payload: event.detail.user.email });
+        console.log('EntriesProvider: Updated user email to', event.detail.user.email);
       }
     };