From 38950390cd2f406fb4403d317b210b0dacc21888 Mon Sep 17 00:00:00 2001
From: Aaron William Po <apo2@uwo.ca>
Date: Wed, 5 Apr 2023 22:44:40 -0400
Subject: [PATCH] Updated login form to disable the form when submitting

---
 components/Login/LoginForm.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/components/Login/LoginForm.tsx b/components/Login/LoginForm.tsx
index 62dcbeb..cefc2e6 100644
--- a/components/Login/LoginForm.tsx
+++ b/components/Login/LoginForm.tsx
@@ -11,6 +11,7 @@ import FormInfo from '../ui/forms/FormInfo';
 import FormLabel from '../ui/forms/FormLabel';
 import FormSegment from '../ui/forms/FormSegment';
 import FormTextInput from '../ui/forms/FormTextInput';
+import Button from '../ui/forms/Button';
 
 type LoginT = z.infer<typeof LoginValidationSchema>;
 const LoginForm = () => {
@@ -51,6 +52,7 @@ const LoginForm = () => {
             id="username"
             type="text"
             formValidationSchema={register('username')}
+            disabled={formState.isSubmitting}
             error={!!errors.username}
             placeholder="username"
           />
@@ -62,6 +64,7 @@ const LoginForm = () => {
         </FormInfo>
         <FormSegment>
           <FormTextInput
+            disabled={formState.isSubmitting}
             id="password"
             type="password"
             formValidationSchema={register('password')}
@@ -73,9 +76,9 @@ const LoginForm = () => {
 
       {responseError && <ErrorAlert error={responseError} setError={setResponseError} />}
       <div className="w-full">
-        <button type="submit" className="btn-primary btn w-full">
+        <Button type="submit" isSubmitting={formState.isSubmitting}>
           Login
-        </button>
+        </Button>
       </div>
     </form>
   );