diff --git a/src/pages/Register/RegisterPage.jsx b/src/pages/Register/RegisterPage.jsx index ae5375b..66e0d52 100644 --- a/src/pages/Register/RegisterPage.jsx +++ b/src/pages/Register/RegisterPage.jsx @@ -6,6 +6,7 @@ import {useContext, useEffect, useState} from "react"; import register from "../../utils/register.js"; import { useNavigate } from "react-router"; import { AuthContext } from "../../contexts/auth/AuthContext.js"; +import Modal from "../../components/ui/modal/modal.jsx"; function RegisterPage() { @@ -18,6 +19,9 @@ function RegisterPage() { const [confirmPassword, setConfirmPassword] = useState(""); const [name, setName] = useState(""); const [lastName, setLastName] = useState(""); + const [open, setOpen] = useState(false); + const [title, setTitle] = useState(""); + const [message, setMessage] = useState(""); const { user, loading } = useContext(AuthContext) @@ -30,12 +34,25 @@ function RegisterPage() { async function handleSubmit(e) { e.preventDefault(); - if(password === confirmPassword && password.length >= 8) { + if(!(password === confirmPassword)) { + + setTitle("Mot de passe invalide") + setMessage("Les mots de passes ne conrrespondent pas") + setOpen(true); + + } else if(password.length < 8) { + + setTitle("Mot de passe invalide") + setMessage("Le mot de passe doit faire plus de 8 charactères") + setOpen(true); + + } else { + const res = await register(email, password, name, lastName, phone); if (!res || res.status !== 200) throw new Error("Register error"); navigate("/login"); - } + } } const handlePhone = (e) => { @@ -106,6 +123,10 @@ function RegisterPage() { + setOpen(false)} title={title}> +

{message}

+
+ }