feat: Google authorization implementation

This commit is contained in:
Rodolfo Ruiz
2025-08-04 20:27:23 -06:00
parent 17708bb8ba
commit afdfeee79a
3 changed files with 75 additions and 4 deletions

29
src/private/LoginPage.jsx Normal file
View File

@@ -0,0 +1,29 @@
import { GoogleLogin } from '@react-oauth/google';
import { jwtDecode } from 'jwt-decode';
import { useAuth } from '../context/AuthContext';
import { useNavigate } from 'react-router-dom';
import { Box, Typography } from '@mui/material';
export default function LoginPage() {
const { login } = useAuth();
const navigate = useNavigate();
return (
<Box display="flex" flexDirection="column" alignItems="center" mt={10}>
<Typography variant="h4" gutterBottom>
Iniciar sesión
</Typography>
<GoogleLogin
onSuccess={(credentialResponse) => {
const user = jwt_decode(credentialResponse.credential);
login(user);
navigate('/');
}}
onError={() => {
console.log('Error al iniciar sesión');
}}
/>
</Box>
);
}