Nicolas
4bdc9c0470
- ThemeContext (features/theme/) : charge/applique le thème du profil connecté via l'attribut data-theme (SYSTEM = pas d'attribut, laisse la media query prefers-color-scheme décider) ; échec réseau non bloquant (worst case reste au thème courant, pas d'unhandled rejection) - UserPreferencesPage, routée /parametres/preferences-utilisateur, hot-save (3 boutons radio Clair/Sombre/Système) - layout.settings.nav.preferences renommé "Préférences alimentaires" (évite la confusion avec ce nouveau concept plus large), nouvelle entrée "Préférences utilisateur" - _theme.scss: commentaires mis à jour (l'attribut data-theme est désormais réellement posé, plus une simple anticipation)
101 lines
3.9 KiB
TypeScript
101 lines
3.9 KiB
TypeScript
import { Navigate, Route, Routes } from "react-router-dom";
|
|
import { RedirectIfAuthenticated } from "./features/auth/RedirectIfAuthenticated";
|
|
import { RequireAuth } from "./features/auth/RequireAuth";
|
|
import { AppLayout } from "./layouts/AppLayout";
|
|
import { LoginPage } from "./pages/LoginPage";
|
|
import { PlanningPage } from "./pages/PlanningPage";
|
|
import { RecipesPage } from "./pages/RecipesPage";
|
|
import { ShoppingListPage } from "./pages/ShoppingListPage";
|
|
import { SignupPage } from "./pages/SignupPage";
|
|
import { OnboardingAllergensPage } from "./pages/onboarding/OnboardingAllergensPage";
|
|
import { OnboardingDietPage } from "./pages/onboarding/OnboardingDietPage";
|
|
import { OnboardingHouseholdPage } from "./pages/onboarding/OnboardingHouseholdPage";
|
|
import { AccountSettingsPage } from "./pages/settings/AccountSettingsPage";
|
|
import { HouseholdSettingsPage } from "./pages/settings/HouseholdSettingsPage";
|
|
import { PreferencesPage } from "./pages/settings/PreferencesPage";
|
|
import { UserPreferencesPage } from "./pages/settings/UserPreferencesPage";
|
|
|
|
/**
|
|
* Top-level route table. Every authenticated section is nested under one
|
|
* `RequireAuth` + `AppLayout` parent route (sidebar chrome + `/auth`
|
|
* guard applied once, not per-page — see {@link AppLayout}); `/login` and
|
|
* `/signup` redirect an already-logged-in visitor to `/` instead (see
|
|
* {@link RedirectIfAuthenticated}). Anything else falls back to `/`, which
|
|
* itself redirects to `/login` if needed.
|
|
*
|
|
* `/parametres/*` (compte/préférences alimentaires/foyer/préférences
|
|
* utilisateur) are the settings pages, reachable from the sidebar's bottom
|
|
* "Paramètres" menu and the account menu (see `AppLayout`) — nested under
|
|
* `AppLayout` like every other authenticated section. `/foyer` is the old,
|
|
* pre-split combined page's path; it now just redirects to
|
|
* `/parametres/foyer` so an existing bookmark/link keeps working.
|
|
*
|
|
* `/onboarding/*` (regime/foyer/allergens, in that order) is also
|
|
* `RequireAuth`-gated — reached right after signup, once a session already
|
|
* exists — but deliberately its own top-level route group, *not* nested
|
|
* under `AppLayout`: a focused, distraction-free wizard with no sidebar,
|
|
* same full-page-card language as `/login`/`/signup` (see `onboarding.scss`).
|
|
*/
|
|
export function App() {
|
|
return (
|
|
<Routes>
|
|
<Route
|
|
element={
|
|
<RequireAuth>
|
|
<AppLayout />
|
|
</RequireAuth>
|
|
}
|
|
>
|
|
<Route path="/" element={<PlanningPage />} />
|
|
<Route path="/recettes" element={<RecipesPage />} />
|
|
<Route path="/liste-de-courses" element={<ShoppingListPage />} />
|
|
<Route path="/parametres/compte" element={<AccountSettingsPage />} />
|
|
<Route path="/parametres/preferences" element={<PreferencesPage />} />
|
|
<Route path="/parametres/foyer" element={<HouseholdSettingsPage />} />
|
|
<Route path="/parametres/preferences-utilisateur" element={<UserPreferencesPage />} />
|
|
<Route path="/foyer" element={<Navigate to="/parametres/foyer" replace />} />
|
|
</Route>
|
|
<Route
|
|
path="/onboarding/regime"
|
|
element={
|
|
<RequireAuth>
|
|
<OnboardingDietPage />
|
|
</RequireAuth>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/onboarding/foyer"
|
|
element={
|
|
<RequireAuth>
|
|
<OnboardingHouseholdPage />
|
|
</RequireAuth>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/onboarding/allergenes"
|
|
element={
|
|
<RequireAuth>
|
|
<OnboardingAllergensPage />
|
|
</RequireAuth>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/login"
|
|
element={
|
|
<RedirectIfAuthenticated>
|
|
<LoginPage />
|
|
</RedirectIfAuthenticated>
|
|
}
|
|
/>
|
|
<Route
|
|
path="/signup"
|
|
element={
|
|
<RedirectIfAuthenticated>
|
|
<SignupPage />
|
|
</RedirectIfAuthenticated>
|
|
}
|
|
/>
|
|
<Route path="*" element={<Navigate to="/" replace />} />
|
|
</Routes>
|
|
);
|
|
}
|