import * as React from 'react'; // import toast, { Toaster } from 'react-hot-toast'; import { Toaster } from 'react-hot-toast'; import { Paper, Box, Grid, Checkbox, FormControlLabel, Typography, TextField, CssBaseline, Button, Avatar } from '@mui/material' import { createTheme, ThemeProvider } from '@mui/material/styles'; import PersonIcon from '@mui/icons-material/Person'; import { useNavigate } from 'react-router-dom' import { Copyright } from '../Components/Footer.js' import { Link } from 'react-router-dom' import useAuth from '../Auth/useAuth'; import { useFormik } from 'formik'; import * as Yup from 'yup'; import { HTTP } from '../Utils/HTTP.js' const LoginSchema = Yup.object().shape({ email : Yup .string() .email('El correo debe ser válido') .required('El correo es requerido'), password : Yup .string() .required('El campo contraseña es requerido') .min(6, 'La contraseña debe contener mínimo 6 caracteres') }) const theme = createTheme(); export function Login() { let auth = useAuth(); let navigate = useNavigate() const formik = useFormik({ initialValues: { email: '', password: '', }, validationSchema: LoginSchema, onSubmit: (values) => { let { email, password } = values console.log(email,password); // let request = new HTTP('/user?' + `user=${email}&password=${password}`) let request = new HTTP() request.post() // toast.success('Bienvenido!!') // toast.error("This didn't work.") // return navigate('/dashboard/home') auth.login(values) }, }); React.useEffect(() => { if(auth.isLogged()){ return navigate('/psicoadmin/dashboard/home') } }, [auth,navigate]) return ( t.palette.mode === 'light' ? t.palette.grey[50] : t.palette.grey[900], backgroundSize: 'cover', backgroundPosition: 'center', }} /> Ingresar } label="Recordarme" /> ¿Olvidaste tu contraseña? {"¿No tienes cuenta? Regístrate"} ); }