feat: implement lazy loading for LoginPage and add Suspense to IntranetLayout
This commit is contained in:
@@ -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>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user