From afd72ec72be1563679883e8b647eb0917d6b3afe Mon Sep 17 00:00:00 2001
From: Stephen <sgoodridge96@gmail.com>
Date: Fri, 23 Feb 2024 13:52:38 -0500
Subject: [PATCH] Added password confirmation on register page

---
 frontend-next/src/app/register/page.js | 29 ++++++++++++++++----------
 1 file changed, 18 insertions(+), 11 deletions(-)

diff --git a/frontend-next/src/app/register/page.js b/frontend-next/src/app/register/page.js
index 4c4fbb5..0d0291f 100644
--- a/frontend-next/src/app/register/page.js
+++ b/frontend-next/src/app/register/page.js
@@ -13,6 +13,17 @@ function Register() {
 
     const passwordMatch = (data) => {
         return data.password === data.passwordCheck;
+    };
+    
+    const onSubmit = (data) => {
+        if (passwordMatch(data)) {
+            setPasswordMismatch(false);
+            router.push("/success");
+
+        } else{
+            setPasswordMismatch(true);
+            return;
+        }
     }
 
     return (
@@ -25,21 +36,17 @@ function Register() {
                     </span>
                     <div>
                         <h3 className="text-[24px] mt-[15px]">Register</h3>
-                        <Form action="/api/register" encType={'application/json'} 
-                        onSubmit={handleSubmit((data) => {
-                            if (passwordMatch(data)) {
-                                router.push("/app");
-                            } else {
-                                setPasswordMismatch(true);
-                                return;
-                            }
-                        })}
-                        
+                        <Form onSubmit={handleSubmit(onSubmit)}
+                        onSuccess={() => {
+                            router.push("/app");
+                        }}
+                        action="/api/register" 
+                        encType={'application/json'}
                         control={control}
                         >
                             <input type="email" {...register("email", {required: true, pattern: emailRegex})} className={errors.email && "err"} placeholder="Enter Email Address"/><br/>
                             <input type="password" {...register("password", {required: true})} className={errors.password && errors.password.type == 'required' && "err"} placeholder="Enter Password"/><br/>
-                            <input type ="password" {...register("passwordCheck", {required: false})} className ={errors.passwordCheck && errors.passwordCheck.type == 'required' && "err"} placeholder="Re-enter Password"/><br/>
+                            <input type ="password" {...register("passwordCheck", {required: false})} className ={errors.passwordCheckheck && errors.passwordCheck.type == 'required' && "err"} placeholder="Re-enter Password"/><br/>
                                 {passwordMismatch && <p className="text-red-500">Passwords do not match</p>}
                             <button type="submit" className="bg-[#dee0e0] m-5 bg-cyan-500 text-white font-bold py-2 px-4 rounded-full">
                                 Register</button><br/>