azpect/ServerFileManager
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

FIX: Spinner for logging in.

Browse Source
This commit is contained in:
Hayden Hargreaves 2025-03-06 18:10:18 -07:00
parent d177176eaa
commit 7bc29d20f5
1 changed files with 11 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
frontend/src/components/LoginForm.jsx
View File

@ -62,9 +62,6 @@ export default function LoginForm() {
event.preventDefault(); event.preventDefault();
setLoading(true); setLoading(true);
// const data = {username, password};
// TODO: There is no validation yet, need to implement that
const sendAuthReq = async (username, password) => { const sendAuthReq = async (username, password) => {
const resp = await fetch(`${backendUrl}/v1/login`, { const resp = await fetch(`${backendUrl}/v1/login`, {
method: "POST", method: "POST",
@ -75,8 +72,8 @@ export default function LoginForm() {
}); });
if (!resp.ok) { if (!resp.ok) {
const data = await resp.json(); const data = await resp.json();
// TODO: Handle error here
console.error(data.message); console.error(data.message);
setError(data.message);
return data; return data;
} }
return await resp.json(); return await resp.json();
@ -91,16 +88,16 @@ export default function LoginForm() {
remember ? localStorage.setItem(storage_id, token) : sessionStorage.setItem(storage_id, token); remember ? localStorage.setItem(storage_id, token) : sessionStorage.setItem(storage_id, token);
navigate("/login"); navigate("/login");
} else { } else {
// TODO: Handle error here console.error(data);
setError(data.message);
} }
}).catch((err) => { }).catch((err) => {
// TODO: Handle error here
console.error(err); 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 // 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"> return <form onSubmit={handleSubmit} className="w-full flex flex-col items-center justify-center">
<UserInput onChange={updateUsername}/> <UserInput onChange={updateUsername}/>