diff --git a/src/hooks/useUsers.ts b/src/hooks/useUsers.ts index 8e3c59e..f0d8589 100644 --- a/src/hooks/useUsers.ts +++ b/src/hooks/useUsers.ts @@ -30,10 +30,12 @@ export function useCurrentUser() { setUser(data); // Cache user data in localStorage for privilege checkers localStorage.setItem('currentUser', JSON.stringify(data)); + console.log('✅ User data stored in localStorage:', data); } catch (error) { setUser(null); // Clear cached user data on error localStorage.removeItem('currentUser'); + console.error('❌ Failed to fetch user data:', error); } }; diff --git a/src/pages/Home/Home.tsx b/src/pages/Home/Home.tsx index 8cffb37..0af8343 100644 --- a/src/pages/Home/Home.tsx +++ b/src/pages/Home/Home.tsx @@ -4,12 +4,35 @@ import styles from './HomeStyles/Home.module.css' import Sidebar from '../../components/Sidebar'; import PageManager from '../../components/PageManager'; +import { useCurrentUser } from '../../hooks/useUsers'; function Home () { + // Ensure user data is loaded and cached in localStorage for privilege checks + const { user, isLoading: userLoading, error: userError } = useCurrentUser(); + // Show loading state while user data is being fetched + if (userLoading) { + return ( +
+
+ Lade Benutzerdaten... +
+
+ ); + } + // Show error state if user data failed to load + if (userError) { + return ( +
+
+ Fehler beim Laden der Benutzerdaten: {userError} +
+
+ ); + } // Loading component const LoadingComponent = () => (