From 7bc29d20f5572fff8607e8bded122eaedad7a8bd Mon Sep 17 00:00:00 2001
From: Hayden Hargreaves <hhargreaves2006@gmail.com>
Date: Thu, 6 Mar 2025 18:10:18 -0700
Subject: [PATCH] FIX: Spinner for logging in.

---
 frontend/src/components/LoginForm.jsx | 21 +++++++++++----------
 1 file changed, 11 insertions(+), 10 deletions(-)

diff --git a/frontend/src/components/LoginForm.jsx b/frontend/src/components/LoginForm.jsx
index f94091a..dea2f12 100644
--- a/frontend/src/components/LoginForm.jsx
+++ b/frontend/src/components/LoginForm.jsx
@@ -62,9 +62,6 @@ export default function LoginForm() {
         event.preventDefault();
         setLoading(true);
 
-        // const data = {username, password};
-
-        // TODO: There is no validation yet, need to implement that
         const sendAuthReq = async (username, password) => {
             const resp = await fetch(`${backendUrl}/v1/login`, {
                 method: "POST",
@@ -75,8 +72,8 @@ export default function LoginForm() {
             });
             if (!resp.ok) {
                 const data = await resp.json();
-                // TODO: Handle error here
                 console.error(data.message);
+                setError(data.message);
                 return data;
             }
             return await resp.json();
@@ -91,16 +88,16 @@ export default function LoginForm() {
                 remember ? localStorage.setItem(storage_id, token) : sessionStorage.setItem(storage_id, token);
                 navigate("/login");
             } else {
-                // TODO: Handle error here
+                console.error(data);
+                setError(data.message);
             }
         }).catch((err) => {
-            // TODO: Handle error here
             console.error(err);
+            setError(err.toString());
+        }).finally(() => {
+            // Disable loading bar
+            setLoading(false);
         });
-
-
-        // Disable loading now, this might take time but right now its instant
-        setLoading(false);
     };
 
     // Redirect if the user is logged in
@@ -110,6 +107,10 @@ export default function LoginForm() {
         }
     });
 
+    useEffect(() => {
+        console.log(`loading: ${loading}`);
+    }, [loading]);
+
 
     return <form onSubmit={handleSubmit} className="w-full flex flex-col items-center justify-center">
         <UserInput onChange={updateUsername}/>