Added spinner to set password link

uwblueprint · Sep 5, 2024 · 9bd2a19 · 9bd2a19
1 parent c7dbab7
commit 9bd2a19
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/frontend/src/components/auth/ResetPassword.tsx b/frontend/src/components/auth/ResetPassword.tsx
@@ -7,6 +7,7 @@ import {
   FormErrorMessage,
   FormLabel,
   Input,
+  Spinner,
   Text,
   VStack,
   useToast,
@@ -217,7 +218,7 @@ const ResetPassword = (): React.ReactElement => {
             pt={1}
             pb={1}
             backgroundColor="primary.blue"
-            disabled={!!getUserError}
+            disabled={!!getUserError || resetPasswordLoading}
           >
             <Text
               variant={{
@@ -226,7 +227,7 @@ const ResetPassword = (): React.ReactElement => {
               }}
               color="white"
             >
-              {resetPasswordLoading ? "Loading..." : "Reset"}
+              {resetPasswordLoading ? <Spinner /> : "Reset"}
             </Text>
           </Button>
         </VStack>

diff --git a/frontend/src/components/auth/SetPassword.tsx b/frontend/src/components/auth/SetPassword.tsx
@@ -7,6 +7,7 @@ import {
   FormErrorMessage,
   FormLabel,
   Input,
+  Spinner,
   Text,
   VStack,
   useToast,
@@ -279,7 +280,7 @@ const SetPassword = (): React.ReactElement => {
             pt={1}
             pb={1}
             backgroundColor="primary.blue"
-            disabled={!!onboardingError || dataStatus()}
+            disabled={!!onboardingError || dataStatus() || registerLoading}
           >
             <Text
               variant={{
@@ -288,7 +289,7 @@ const SetPassword = (): React.ReactElement => {
               }}
               color="white"
             >
-              {registerLoading ? "Loading..." : "Confirm"}
+              {registerLoading ? <Spinner /> : "Confirm"}
             </Text>
           </Button>
         </VStack>