diff --git a/src/context/AuthContext.jsx b/src/context/AuthContext.jsx index 841eb58..e5bf5a4 100644 --- a/src/context/AuthContext.jsx +++ b/src/context/AuthContext.jsx @@ -13,6 +13,7 @@ export function AuthProvider({ children }) { const login = (userData) => { setUser(userData); localStorage.setItem('user', JSON.stringify(userData)); + console.log('User logged in:', userData); }; const logout = () => { diff --git a/src/private/LoginPage.jsx b/src/private/LoginPage.jsx index 9c38e4d..c021e3f 100644 --- a/src/private/LoginPage.jsx +++ b/src/private/LoginPage.jsx @@ -8,6 +8,29 @@ export default function LoginPage() { const { login } = useAuth(); const navigate = useNavigate(); + const handleSuccess = (credentialResponse) => { + try { + const token = credentialResponse.credential; + const decoded = jwtDecode(token); + console.log('Google user decoded:', decoded); + + // save user in context + login({ + name: decoded.name, + email: decoded.email, + picture: decoded.picture, + token, + }); + console.log('User logged in and saved to context token:', token); + } catch (err) { + console.error('Token decode failed:', err); + } + }; + + const handleError = () => { + console.error('Google login failed'); + }; + return ( @@ -15,14 +38,8 @@ export default function LoginPage() { { - const user = jwtDecode(credentialResponse.credential); - login(user); - navigate('/'); - }} - onError={() => { - console.log('Error signing in'); - }} + onSuccess={handleSuccess} + onError={handleError} /> );