Fix App.jsx: remove dead comment, make auth state reactive

- Remove leftover commented-out AdminDashboard import
- Replace static localStorage reads with useState + useEffect
  so isLoggedIn/role update automatically on storage events
  (e.g. token deleted in another tab)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Nirodan
2026-04-24 18:02:15 +02:00
parent 1a6f476dc8
commit 45e1934bee
+12 -3
View File
@@ -1,5 +1,5 @@
import { BrowserRouter, Navigate, Route, Routes } from 'react-router-dom'; import { BrowserRouter, Navigate, Route, Routes } from 'react-router-dom';
//import AdminDashboard from './components/AdminDashboard'; import { useState, useEffect } from 'react';
import LoginForm from './components/LoginForm'; import LoginForm from './components/LoginForm';
//import RegisterForm from './components/RegisterForm'; //import RegisterForm from './components/RegisterForm';
import Md5Tool from './components/Md5Tool'; import Md5Tool from './components/Md5Tool';
@@ -24,8 +24,17 @@ import './css/admin.css';
function App() { function App() {
const isLoggedIn = localStorage.getItem('token') !== null; const [isLoggedIn, setIsLoggedIn] = useState(localStorage.getItem('token') !== null);
const role = localStorage.getItem('role'); const [role, setRole] = useState(localStorage.getItem('role'));
useEffect(() => {
const sync = () => {
setIsLoggedIn(localStorage.getItem('token') !== null);
setRole(localStorage.getItem('role'));
};
window.addEventListener('storage', sync);
return () => window.removeEventListener('storage', sync);
}, []);
return ( return (
<ErrorBoundary> <ErrorBoundary>