import { Fragment, useContext, useState } from 'react'; import { useRouter } from 'next/router'; import Link from 'next/link'; import htmlParser from 'html-react-parser'; import Loader from '../components/Loader'; import HeadTag from '../components/HeadTag'; import { UserContext } from '../contexts/UserContext'; import redirect from '../utils/redirect'; import '../public/css/pages/register-login.css'; const Login = () => { const router = useRouter(); const [inputState, setInputState] = useState({}); const { loginUser, messageLogin, loginLoading, isAuth } = useContext(UserContext); const handleChange = (event) => { const inputStateNew = { ...inputState }; inputStateNew[event.target.name] = event.target.value; setInputState(inputStateNew); } const handleSubmit = async (event) => { event.preventDefault(); if (!isAuth) { const loginObject = await loginUser(inputState); if (loginObject.isSuccess) { redirect({}, `/profile/${loginObject.newUser.name}`); } } } return (

Se connecter

Mot de passe oublié ?

{(router.query.isConfirmed !== undefined && messageLogin === "") &&

Succès: Votre compte a bien été confirmé, vous pouvez maintenant vous connectez!

} {(router.query.isSuccessEdit !== undefined && messageLogin === "") &&

Succès: Votre profil a bien été modifié, vous pouvez maintenant vous connectez!

} { (loginLoading) ? : htmlParser(messageLogin) }
); } export default Login;