client: fix loading svg for both login btns

Casuals4Fun · Jun 4, 2024 · 52bbc93 · 52bbc93
1 parent 2039f9d
commit 52bbc93
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/client/src/components/modal/auth/login-tab.tsx b/client/src/components/modal/auth/login-tab.tsx
@@ -80,7 +80,8 @@ const LoginTab = () => {
                         toast.error(response.message)
                     }
                 })
-                .catch(() => setIsAuthenticated(AuthStatus.Failed));
+                .catch(() => setIsAuthenticated(AuthStatus.Failed))
+                .finally(() => setIsSubmitted(false));
         }
     };
 
@@ -92,7 +93,7 @@ const LoginTab = () => {
                 className='google-btn'
                 onClick={() => window.location.href = `${import.meta.env.VITE_SERVER_URL}/api/auth/google`}
             >
-                {isAuthenticated === AuthStatus.Authenticating ? <LoadingSVG size={23} /> : (
+                {isAuthenticated === AuthStatus.Authenticating && !isSubmitted ? <LoadingSVG size={23} /> : (
                     <>
                         <FcGoogle size={25} />
                         <span>Signin with Google</span>
@@ -131,7 +132,7 @@ const LoginTab = () => {
                     />
                 </div>
                 <button type='submit' disabled={isAuthenticated === AuthStatus.Authenticating}>
-                    {isAuthenticated === AuthStatus.Authenticating ? <LoadingSVG size={23} /> : 'Login'}
+                    {isAuthenticated === AuthStatus.Authenticating && isSubmitted ? <LoadingSVG size={23} /> : 'Login'}
                 </button>
                 <p>New here? <span onClick={() => setAuthTab(AuthTab.Signup)}>Create Account</span></p>
             </form>