46 lines
1.2 KiB
JavaScript
46 lines
1.2 KiB
JavaScript
'use client'
|
||
|
||
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 RegistrationForm() {
|
||
const router = useRouter()
|
||
const [error, setError] = useState('')
|
||
const [isOpen, setIsOpen] = useState(false)
|
||
|
||
const handleFormSubmit = async data => {
|
||
const response = await fetch('/api/auth/register', {
|
||
method: 'POST',
|
||
body: JSON.stringify({
|
||
...data
|
||
})
|
||
})
|
||
|
||
if (response.status === 201) {
|
||
router.push('/login')
|
||
router.refresh()
|
||
} else {
|
||
const errorResponse = await response.json()
|
||
setError(errorResponse.message)
|
||
setIsOpen(true)
|
||
}
|
||
}
|
||
|
||
return (
|
||
<>
|
||
{error && <AuthAlert isOpen={isOpen} setIsOpen={setIsOpen} message={error} severity='error' />}
|
||
<AuthForm
|
||
isRegister
|
||
title='Inscrivez-vous et devenez constituant'
|
||
buttonText='S’enregistrer'
|
||
linkDescription='Vous avez déjà un compte ?'
|
||
linkText='Se connecter'
|
||
linkHref='/login'
|
||
onSubmit={handleFormSubmit}
|
||
/>
|
||
</>
|
||
)
|
||
}
|