diff --git a/src/components/AppContent.tsx b/src/components/AppContent.tsx index 3234544..b463df4 100644 --- a/src/components/AppContent.tsx +++ b/src/components/AppContent.tsx @@ -21,7 +21,8 @@ const AppContent: React.FC = () => { // Display a loading indicator while AuthContext is determining authentication status if (loading) { - return
Loading Authentication...
; + // Changed this line to use bg-background + return
Loading Authentication...
; } // Once loading is false, if no user is authenticated, display the LoginPage @@ -32,7 +33,8 @@ const AppContent: React.FC = () => { // If a user is authenticated but lacks the required permission, display an access denied message if (user && !hasPermission(UserRoles.MOD)) { return ( -
+ // Changed this line to use bg-background +

Access Denied

You do not have sufficient permissions to view this page. Your role: {user.role}. Required: {UserRoles.MOD}. @@ -44,7 +46,8 @@ const AppContent: React.FC = () => { // If loading is false, and we have a user with MOD permission and a token, render the main app content return ( -

+ // Changed this line to use bg-background +
{/* Header is now in layout.tsx */}