Add feedback error

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() {
             </div>
         </div>
 
+        <Modal open={open} onClose={() => setOpen(false)} title={title}>
+            <p>{message}</p>
+        </Modal>
+
     </Background>
 }