frontend: refresh local user data from the api after verifying token
Parents:
9671ed41 file(s) changed
- frontend/context/AuthContext.tsx +6 -2
frontend/context/AuthContext.tsx
@@ -42,7 +42,9 @@ export const AuthProvider = ({ children }: AuthProviderProps) => {
42 42 const [user, setUser] = useState<User | null>(null);
43 43 const [isLoading, setIsLoading] = useState(true);
44 44
45 + console.log("user & auth", isAuthenticated, user)
45 46 const isAuthenticated = !!user;
47 + console.log("after user & auth", isAuthenticated, user)
46 48
47 49 // Check for existing authentication on app start
48 50 useEffect(() => {
@@ -52,17 +54,19 @@
52 54 const checkAuthState = async () => {
53 55 try {
54 56 const { token } = await apiClient.getStoredAuthData();
57 + console.log("We have a token?", token);
55 58
56 59 if (token) {
57 60 const verifyResponse = await apiClient.verifyToken();
61 + console.log("Checking response: ", verifyResponse)
58 62 if (verifyResponse.valid && verifyResponse.userId && verifyResponse.email) {
59 63 // TODO: Fetch the full user profile
60 64 // For now, we'll create a basic user object
61 65 setUser({
62 66 id: verifyResponse.userId,
63 67 email: verifyResponse.email,
64 - firstName: '',
65 - lastName: undefined,
68 + firstName: verifyResponse.user.firstName,
69 + lastName: verifyResponse.user.lastName,
66 70 });
67 71 }
68 72 }