feat: Google authorization implementation
This commit is contained in:
		
							
								
								
									
										29
									
								
								src/private/LoginPage.jsx
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										29
									
								
								src/private/LoginPage.jsx
									
									
									
									
									
										Normal 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> | ||||
|   ); | ||||
| } | ||||
		Reference in New Issue
	
	Block a user
	 Rodolfo Ruiz
					Rodolfo Ruiz