quaik8/sdb-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: implement Account page and ThemeProvider; refactor App component and sidebar navigation

Browse Source
This commit is contained in:
JSC
2025-06-29 22:01:13 +02:00
parent d0f8f13c86
commit e484251787
8 changed files with 755 additions and 231 deletions
Download Patch File Download Diff File Expand all files Collapse all files

128
src/App.tsx
View File

@@ -1,76 +1,86 @@
import { AppLayout } from '@/components/AppLayout'
import { ProtectedRoute } from '@/components/ProtectedRoute'
import { AuthProvider } from '@/contexts/AuthContext'
import { Button } from '@/components/ui/button'
import { AuthProvider } from '@/contexts/AuthContext'
import { AccountPage } from '@/pages/AccountPage'
import { ActivityPage } from '@/pages/ActivityPage'
import { AdminUsersPage } from '@/pages/AdminUsersPage'
import { DashboardPage } from '@/pages/DashboardPage'
import { LoginPage } from '@/pages/LoginPage'
import { RegisterPage } from '@/pages/RegisterPage'
import { SettingsPage } from '@/pages/SettingsPage'
import { Navigate, Route, BrowserRouter as Router, Routes } from 'react-router'
import { ThemeProvider } from './components/ThemeProvider'
function App() {
return (
<AuthProvider>
<Router>
<Routes>
<Route path="/login" element={<LoginPage />} />
<Route path="/register" element={<RegisterPage />} />
<ThemeProvider defaultTheme="dark" storageKey="vite-ui-theme">
<AuthProvider>
<Router>
<Routes>
<Route path="/login" element={<LoginPage />} />
<Route path="/register" element={<RegisterPage />} />
{/* Protected routes with layout */}
<Route
path="/dashboard"
element={
<ProtectedRoute>
<AppLayout title="Dashboard" description="Welcome to your dashboard">
<DashboardPage />
</AppLayout>
</ProtectedRoute>
}
/>
<Route
path="/activity"
element={
<ProtectedRoute>
<AppLayout title="Activity" description="View recent activity and logs">
<ActivityPage />
</AppLayout>
</ProtectedRoute>
}
/>
<Route
path="/settings"
element={
<ProtectedRoute>
<AppLayout title="Settings" description="Manage your account settings and preferences">
<SettingsPage />
</AppLayout>
</ProtectedRoute>
}
/>
<Route
path="/admin/users"
element={
<ProtectedRoute requireAdmin>
<AppLayout
title="User Management"
description="Manage users and their permissions"
headerActions={
<Button>Add User</Button>
}
>
<AdminUsersPage />
</AppLayout>
</ProtectedRoute>
}
/>
{/* Protected routes with layout */}
<Route
path="/dashboard"
element={
<ProtectedRoute>
<AppLayout
title="Dashboard"
description="Welcome to your dashboard"
>
<DashboardPage />
</AppLayout>
</ProtectedRoute>
}
/>
<Route
path="/activity"
element={
<ProtectedRoute>
<AppLayout
title="Activity"
description="View recent activity and logs"
>
<ActivityPage />
</AppLayout>
</ProtectedRoute>
}
/>
<Route
path="/account"
element={
<ProtectedRoute>
<AppLayout
title="Account"
description="Manage your account settings and preferences"
>
<AccountPage />
</AppLayout>
</ProtectedRoute>
}
/>
<Route
path="/admin/users"
element={
<ProtectedRoute requireAdmin>
<AppLayout
title="User Management"
description="Manage users and their permissions"
headerActions={<Button>Add User</Button>}
>
<AdminUsersPage />
</AppLayout>
</ProtectedRoute>
}
/>
<Route path="/" element={<Navigate to="/dashboard" replace />} />
<Route path="*" element={<Navigate to="/dashboard" replace />} />
</Routes>
</Router>
</AuthProvider>
<Route path="/" element={<Navigate to="/dashboard" replace />} />
<Route path="*" element={<Navigate to="/dashboard" replace />} />
</Routes>
</Router>
</AuthProvider>
</ThemeProvider>
)
}