feat: implement lazy loading for LoginPage and add Suspense to IntranetLayout

This commit is contained in:
Thibault Pouch
2026-02-27 10:22:37 +01:00
parent 992b4340bd
commit 4607e79b8b
2 changed files with 45 additions and 30 deletions

View File

@@ -20,35 +20,40 @@ const IntranetModeration = lazy(() => import('./pages/intranet/IntranetModerat
export default function App() {
return (
<AuthProvider>
<Suspense fallback={<PageLoader />}>
<Routes>
{/* Login */}
<Route path="/login" element={<LoginPage />} />
<Routes>
{/* Login — own Suspense so the full-page loader only shows here */}
<Route
path="/login"
element={
<Suspense fallback={<PageLoader />}>
<LoginPage />
</Suspense>
}
/>
{/* Intranet (staff only) */}
<Route
path="/intranet"
element={
<ProtectedRoute staffOnly redirectTo="/login">
<IntranetLayout />
</ProtectedRoute>
}
>
<Route index element={<IntranetDashboard />} />
<Route path="bugs" element={<IntranetBugs />} />
<Route path="feed" element={<IntranetFeed />} />
<Route path="events" element={<IntranetEvents />} />
<Route path="users" element={<IntranetUsers />} />
<Route path="moderation" element={<IntranetModeration />} />
</Route>
{/* Intranet (staff only) — Suspense is inside IntranetLayout */}
<Route
path="/intranet"
element={
<ProtectedRoute staffOnly redirectTo="/login">
<IntranetLayout />
</ProtectedRoute>
}
>
<Route index element={<IntranetDashboard />} />
<Route path="bugs" element={<IntranetBugs />} />
<Route path="feed" element={<IntranetFeed />} />
<Route path="events" element={<IntranetEvents />} />
<Route path="users" element={<IntranetUsers />} />
<Route path="moderation" element={<IntranetModeration />} />
</Route>
{/* Redirect root to intranet */}
<Route path="/" element={<Navigate to="/intranet" replace />} />
{/* Redirect root to intranet */}
<Route path="/" element={<Navigate to="/intranet" replace />} />
{/* Catch-all: redirect to intranet */}
<Route path="*" element={<Navigate to="/intranet" replace />} />
</Routes>
</Suspense>
{/* Catch-all: redirect to intranet */}
<Route path="*" element={<Navigate to="/intranet" replace />} />
</Routes>
</AuthProvider>
);
}