Tetardtek
4d254692b0
All checks were successful
CI/CD — Build & Deploy / Build & Deploy (push) Successful in 31s
Page /achievements : 20 succès groupés par catégorie (Combat, Progression, Économie, Équipement), progress bars, paliers bronze/silver/gold, bouton réclamer, compteur débloqués/total. Renommage "repos" → "soins" partout (dashboard, budget, messages). Bouton soins ajouté dans la page combat (accès rapide entre les fights). Icône Trophy dans la sidebar pour les succès.
56 lines
2.4 KiB
TypeScript
56 lines
2.4 KiB
TypeScript
import { BrowserRouter, Routes, Route, Navigate } from 'react-router-dom';
|
|
import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
|
|
import { AuthProvider, useAuth } from './context/AuthContext';
|
|
import { Layout } from './components/Layout';
|
|
import { LoginPage } from './pages/LoginPage';
|
|
import { AuthCallback } from './pages/AuthCallback';
|
|
import { DashboardPage } from './pages/DashboardPage';
|
|
import { CombatPage } from './pages/CombatPage';
|
|
import { InventoryPage } from './pages/InventoryPage';
|
|
import { CraftPage } from './pages/CraftPage';
|
|
import { ForgePage } from './pages/ForgePage';
|
|
import { QuestPage } from './pages/QuestPage';
|
|
import { AchievementsPage } from './pages/AchievementsPage';
|
|
|
|
const qc = new QueryClient({ defaultOptions: { queries: { retry: 1, staleTime: 30_000 } } });
|
|
|
|
function ProtectedLayout({ children }: { children: React.ReactNode }) {
|
|
const { user, loading } = useAuth();
|
|
if (loading) return (
|
|
<div style={{ minHeight: '100vh', display: 'flex', alignItems: 'center', justifyContent: 'center', color: '#6b7a99', fontSize: 14 }}>
|
|
Chargement…
|
|
</div>
|
|
);
|
|
if (!user) return <Navigate to="/login" replace />;
|
|
return <Layout>{children}</Layout>;
|
|
}
|
|
|
|
function AppRoutes() {
|
|
return (
|
|
<Routes>
|
|
<Route path="/login" element={<LoginPage />} />
|
|
<Route path="/auth/callback" element={<AuthCallback />} />
|
|
<Route path="/dashboard" element={<ProtectedLayout><DashboardPage /></ProtectedLayout>} />
|
|
<Route path="/quests" element={<ProtectedLayout><QuestPage /></ProtectedLayout>} />
|
|
<Route path="/combat" element={<ProtectedLayout><CombatPage /></ProtectedLayout>} />
|
|
<Route path="/inventory" element={<ProtectedLayout><InventoryPage /></ProtectedLayout>} />
|
|
<Route path="/craft" element={<ProtectedLayout><CraftPage /></ProtectedLayout>} />
|
|
<Route path="/forge" element={<ProtectedLayout><ForgePage /></ProtectedLayout>} />
|
|
<Route path="/achievements" element={<ProtectedLayout><AchievementsPage /></ProtectedLayout>} />
|
|
<Route path="*" element={<Navigate to="/dashboard" replace />} />
|
|
</Routes>
|
|
);
|
|
}
|
|
|
|
export default function App() {
|
|
return (
|
|
<QueryClientProvider client={qc}>
|
|
<AuthProvider>
|
|
<BrowserRouter>
|
|
<AppRoutes />
|
|
</BrowserRouter>
|
|
</AuthProvider>
|
|
</QueryClientProvider>
|
|
);
|
|
}
|