import { 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 withoutAuth from '../../hoc/withoutAuth' 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) { await loginUser(inputState) } } 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 withoutAuth(Login)