52 lines
1.4 KiB
JavaScript
52 lines
1.4 KiB
JavaScript
'use client'
|
||
|
||
import {signIn} from 'next-auth/react'
|
||
import {useRouter} from 'next/navigation'
|
||
import {useState} from 'react'
|
||
import AuthForm from '@/components/auth-form/index.js'
|
||
import AuthAlert from '@/components/auth-form/auth-alert.js'
|
||
|
||
export default function LoginForm() {
|
||
const router = useRouter()
|
||
const [error, setError] = useState('')
|
||
const [isOpen, setIsOpen] = useState(false)
|
||
|
||
const handleFormSubmit = async data => {
|
||
const response = await signIn('credentials', {
|
||
email: data.email,
|
||
password: data.password,
|
||
redirect: false
|
||
})
|
||
|
||
if (response?.error) {
|
||
if (response.error === 'CredentialsSignin') {
|
||
setError('E-mail ou mot de passe incorrect')
|
||
} else if (response.error === 'Configuration') {
|
||
setError('Une erreur s’est produite, contactez l’administrateur !')
|
||
} else {
|
||
setError(response.error)
|
||
}
|
||
|
||
setIsOpen(true)
|
||
} else {
|
||
router.push('/')
|
||
router.refresh()
|
||
}
|
||
}
|
||
|
||
return (
|
||
<>
|
||
{error && <AuthAlert isOpen={isOpen} setIsOpen={setIsOpen} message={error} severity='error' />}
|
||
<AuthForm
|
||
title='Connectez-vous à votre compte'
|
||
buttonText='Se connecter'
|
||
linkDescription='Vous n’avez pas de compte ?'
|
||
linkText='S’inscrire'
|
||
linkHref='/register'
|
||
isRegister={false}
|
||
onSubmit={handleFormSubmit}
|
||
/>
|
||
</>
|
||
)
|
||
}
|