XingfenD/book-comic-library
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(ui): semantic light/dark tokens, ThemeProvider with FOUC guard, token-restyle Toaster/Cover

Browse Source
This commit is contained in:
XingfenD
2026-09-08 17:17:44 +08:00
parent 87b7545a94
commit 03bc537308
7 changed files with 202 additions and 72 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/App.tsx
+46 -43
View File
@@ -2,6 +2,7 @@ import { Navigate, Route, Routes } from "react-router-dom";
import { AuthProvider, RequireAdmin, RequireAuth } from "./auth/AuthContext";
import { ErrorBoundary } from "./components/ErrorBoundary";
import { Toaster } from "./components/Toaster";
import { ThemeProvider } from "./components/theme";
import Login from "./pages/Login";
import Reader from "./pages/Reader";
import Shelf from "./pages/Shelf";
@@ -11,49 +12,51 @@ import AdminUsers from "./pages/admin/Users";
export default function App() {
return (
<ErrorBoundary>
<AuthProvider>
<Routes>
<Route path="/login" element={<Login />} />
<Route
path="/"
element={
<RequireAuth>
<Shelf />
</RequireAuth>
}
/>
<Route
path="/book/:id"
element={
<RequireAuth>
<Reader />
</RequireAuth>
}
/>
<Route
path="/admin/users"
element={
<RequireAuth>
<RequireAdmin>
<AdminUsers />
</RequireAdmin>
</RequireAuth>
}
/>
<Route
path="/admin/libraries"
element={
<RequireAuth>
<RequireAdmin>
<AdminLibraries />
</RequireAdmin>
</RequireAuth>
}
/>
<Route path="*" element={<Navigate to="/" replace />} />
</Routes>
<Toaster />
</AuthProvider>
<ThemeProvider>
<AuthProvider>
<Routes>
<Route path="/login" element={<Login />} />
<Route
path="/"
element={
<RequireAuth>
<Shelf />
</RequireAuth>
}
/>
<Route
path="/book/:id"
element={
<RequireAuth>
<Reader />
</RequireAuth>
}
/>
<Route
path="/admin/users"
element={
<RequireAuth>
<RequireAdmin>
<AdminUsers />
</RequireAdmin>
</RequireAuth>
}
/>
<Route
path="/admin/libraries"
element={
<RequireAuth>
<RequireAdmin>
<AdminLibraries />
</RequireAdmin>
</RequireAuth>
}
/>
<Route path="*" element={<Navigate to="/" replace />} />
</Routes>
<Toaster />
</AuthProvider>
</ThemeProvider>
</ErrorBoundary>
);
}