From 67ec56672894a18e07158dd22bb596ac1298432a Mon Sep 17 00:00:00 2001
From: Stephen <sgoodridge96@gmail.com>
Date: Fri, 23 Feb 2024 11:58:09 -0500
Subject: [PATCH 1/3] Added re enter password to register page

---
 frontend-next/src/app/register/page.js | 26 +++++++++++++++++++++-----
 package-lock.json                      |  6 ++++++
 2 files changed, 27 insertions(+), 5 deletions(-)
 create mode 100644 package-lock.json

diff --git a/frontend-next/src/app/register/page.js b/frontend-next/src/app/register/page.js
index 027eba0..4c4fbb5 100644
--- a/frontend-next/src/app/register/page.js
+++ b/frontend-next/src/app/register/page.js
@@ -2,11 +2,19 @@
 import { useRouter } from "next/navigation";
 import { useForm, Form } from "react-hook-form";
 import "../globals.css"
+import { useState } from "react";
+import { data } from "autoprefixer";
 
 function Register() {
-    var { register, control, setError, formState: { errors } } = useForm()
+    var { register, control, setError, handleSubmit, formState: { errors } } = useForm()
     var router = useRouter();
     var emailRegex = /(?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*|"(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])*")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?|\[(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?|[a-z0-9-]*[a-z0-9]:(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21-\x5a\x53-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])+)\])/
+    var [passwordMismatch, setPasswordMismatch] = useState(false);
+
+    const passwordMatch = (data) => {
+        return data.password === data.passwordCheck;
+    }
+
     return (
         <div>
             <div className="grid h-screen place-items-center">
@@ -17,14 +25,22 @@ function Register() {
                     </span>
                     <div>
                         <h3 className="text-[24px] mt-[15px]">Register</h3>
-                        <Form action="/api/register" encType={'application/json'}
-                        onSuccess={() => {
-                            router.push("/app");
-                        }}
+                        <Form action="/api/register" encType={'application/json'} 
+                        onSubmit={handleSubmit((data) => {
+                            if (passwordMatch(data)) {
+                                router.push("/app");
+                            } else {
+                                setPasswordMismatch(true);
+                                return;
+                            }
+                        })}
+                        
                         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/>
+                                {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/>
                             Have an account? <a href="/login">Log In</a>
diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 0000000..8c17260
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,6 @@
+{
+  "name": "ChatMaps",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {}
+}
-- 
2.52.0


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 2/3] 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/>
-- 
2.52.0


From 7ca4b6284863a82c5a39c32dac5a046aab577560 Mon Sep 17 00:00:00 2001
From: Stephen <sgoodridge96@gmail.com>
Date: Fri, 23 Feb 2024 14:05:14 -0500
Subject: [PATCH 3/3] Added password confirmation to register page

---
 frontend-next/src/app/register/page.js | 16 ----------------
 1 file changed, 16 deletions(-)

diff --git a/frontend-next/src/app/register/page.js b/frontend-next/src/app/register/page.js
index ed629b6..0d0291f 100644
--- a/frontend-next/src/app/register/page.js
+++ b/frontend-next/src/app/register/page.js
@@ -6,11 +6,7 @@ import { useState } from "react";
 import { data } from "autoprefixer";
 
 function Register() {
-<<<<<<< HEAD
     var { register, control, setError, handleSubmit, formState: { errors } } = useForm()
-=======
-    var { register, control, setError, formState: { errors, isSubmitting, isSubmitted } } = useForm()
->>>>>>> main
     var router = useRouter();
     var emailRegex = /(?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*|"(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])*")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?|\[(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?|[a-z0-9-]*[a-z0-9]:(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21-\x5a\x53-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])+)\])/
     var [passwordMismatch, setPasswordMismatch] = useState(false);
@@ -50,22 +46,10 @@ function Register() {
                         >
                             <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/>
-<<<<<<< HEAD
                             <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/>
-=======
-                            <button className="inline-flex items-center px-4 py-2 transition ease-in-out duration-150 bg-[#dee0e0] m-5 bg-cyan-500 text-white font-bold py-2 px-4 rounded-full">
-                                {(isSubmitting || isSubmitted) && <span className="inline-block">
-                                    <svg class="animate-spin -ml-1 mr-3 h-5 w-5 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
-                                        <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
-                                        <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
-                                    </svg>    
-                                </span> }
-                                Register
-                            </button><br/>
->>>>>>> main
                             Have an account? <a href="/login">Log In</a>
                         </Form>
                     </div>
-- 
2.52.0