nihonium/nyanimedb
1
0
Fork 1
Code Issues 12 Pull requests Releases Packages 3 Activity Actions

fix: rerender header on user login
All checks were successful
Build and Deploy Go App / build (push) Successful in 11m18s
Details
Build and Deploy Go App / deploy (push) Successful in 30s
Details

Browse source
This commit is contained in:
nihonium 2025-12-19 22:52:49 +03:00
parent 9affe90988
commit 490443b63f
Signed by: nihonium
GPG key ID: 0251623741027CFC
2 changed files with 11 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

10
modules/frontend/src/components/Header/Header.tsx
View file

@ -14,8 +14,16 @@ export const Header: React.FC = () => {
// Listen for localStorage changes to update username dynamically // Listen for localStorage changes to update username dynamically
useEffect(() => { useEffect(() => {
const handleStorage = () => setUsername(localStorage.getItem("user_name")); const handleStorage = () => setUsername(localStorage.getItem("user_name"));
// This catches changes from OTHER tabs
window.addEventListener("storage", handleStorage); window.addEventListener("storage", handleStorage);
return () => window.removeEventListener("storage", handleStorage);
// This catches changes in the CURRENT tab if you use dispatchEvent
window.addEventListener("local-storage-update", handleStorage);
return () => {
window.removeEventListener("storage", handleStorage);
window.removeEventListener("local-storage-update", handleStorage);
};
}, []); }, []);
const handleLogout = async () => { const handleLogout = async () => {

2
modules/frontend/src/pages/LoginPage/LoginPage.tsx
View file

@ -21,6 +21,7 @@ export const LoginPage: React.FC = () => {
if (res.data?.user_id && res.data?.user_name) { if (res.data?.user_id && res.data?.user_name) {
localStorage.setItem("user_id", res.data.user_id.toString()); localStorage.setItem("user_id", res.data.user_id.toString());
localStorage.setItem("user_name", res.data.user_name); localStorage.setItem("user_name", res.data.user_name);
window.dispatchEvent(new Event("storage"));
navigate("/profile"); navigate("/profile");
} else { } else {
setError("Login failed"); setError("Login failed");
@ -34,6 +35,7 @@ export const LoginPage: React.FC = () => {
if (loginRes.data?.user_id && loginRes.data?.user_name) { if (loginRes.data?.user_id && loginRes.data?.user_name) {
localStorage.setItem("user_id", loginRes.data.user_id.toString()); localStorage.setItem("user_id", loginRes.data.user_id.toString());
localStorage.setItem("user_name", loginRes.data.user_name); localStorage.setItem("user_name", loginRes.data.user_name);
window.dispatchEvent(new Event("storage"));
navigate("/profile"); navigate("/profile");
} }
} else { } else {