logan/drb-frontend
1
0
Fork 0
Code Issues 4 Pull Requests Actions Packages Projects Releases Wiki Activity

Enforced the theme on the main page

Browse Source
This commit is contained in:
Logan Cusano
2025-05-28 23:13:38 -04:00
parent 7cbbc86ee4
commit bd8c9fde8b
1 changed files with 6 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/AppContent.tsx
View File

@@ -21,7 +21,8 @@ const AppContent: React.FC = () => {
// Display a loading indicator while AuthContext is determining authentication status // Display a loading indicator while AuthContext is determining authentication status
if (loading) { if (loading) {
return <div className="flex items-center justify-center min-h-screen bg-gray-100 dark:bg-gray-900">Loading Authentication...</div>; // Changed this line to use bg-background
return <div className="flex items-center justify-center min-h-screen bg-background text-foreground">Loading Authentication...</div>;
} }
// Once loading is false, if no user is authenticated, display the LoginPage // 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 a user is authenticated but lacks the required permission, display an access denied message
if (user && !hasPermission(UserRoles.MOD)) { if (user && !hasPermission(UserRoles.MOD)) {
return ( return (
<div className="min-h-screen flex flex-col items-center justify-center bg-gray-100 dark:bg-gray-900 text-gray-900 dark:text-gray-100 font-sans p-6"> // Changed this line to use bg-background
<div className="min-h-screen flex flex-col items-center justify-center bg-background text-foreground font-sans p-6">
<h2 className="text-xl font-bold text-red-500 mb-4">Access Denied</h2> <h2 className="text-xl font-bold text-red-500 mb-4">Access Denied</h2>
<p className="text-lg text-center mb-6"> <p className="text-lg text-center mb-6">
You do not have sufficient permissions to view this page. Your role: {user.role}. Required: {UserRoles.MOD}. 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 // If loading is false, and we have a user with MOD permission and a token, render the main app content
return ( return (
<div className="min-h-screen bg-gray-100 dark:bg-gray-900 text-gray-900 dark:text-gray-100 font-sans"> // Changed this line to use bg-background
<div className="min-h-screen bg-background text-foreground font-sans">
{/* Header is now in layout.tsx */} {/* Header is now in layout.tsx */}
<main className="p-6"> <main className="p-6">