160 lines
3.8 KiB
TypeScript
160 lines
3.8 KiB
TypeScript
import { Routes, Route, Navigate } from 'react-router-dom'
|
|
import { useAuthStore } from '@/store/auth'
|
|
import { ToastContainer, ConfirmModal } from '@/components/ui'
|
|
|
|
// Layout
|
|
import { Layout } from '@/components/layout/Layout'
|
|
|
|
// Pages
|
|
import { HomePage } from '@/pages/HomePage'
|
|
import { LoginPage } from '@/pages/LoginPage'
|
|
import { RegisterPage } from '@/pages/RegisterPage'
|
|
import { MarathonsPage } from '@/pages/MarathonsPage'
|
|
import { CreateMarathonPage } from '@/pages/CreateMarathonPage'
|
|
import { MarathonPage } from '@/pages/MarathonPage'
|
|
import { LobbyPage } from '@/pages/LobbyPage'
|
|
import { PlayPage } from '@/pages/PlayPage'
|
|
import { LeaderboardPage } from '@/pages/LeaderboardPage'
|
|
import { InvitePage } from '@/pages/InvitePage'
|
|
import { AssignmentDetailPage } from '@/pages/AssignmentDetailPage'
|
|
import { ProfilePage } from '@/pages/ProfilePage'
|
|
import { UserProfilePage } from '@/pages/UserProfilePage'
|
|
import { NotFoundPage } from '@/pages/NotFoundPage'
|
|
|
|
// Protected route wrapper
|
|
function ProtectedRoute({ children }: { children: React.ReactNode }) {
|
|
const isAuthenticated = useAuthStore((state) => state.isAuthenticated)
|
|
|
|
if (!isAuthenticated) {
|
|
return <Navigate to="/login" replace />
|
|
}
|
|
|
|
return <>{children}</>
|
|
}
|
|
|
|
// Public route wrapper (redirect if authenticated)
|
|
function PublicRoute({ children }: { children: React.ReactNode }) {
|
|
const isAuthenticated = useAuthStore((state) => state.isAuthenticated)
|
|
|
|
if (isAuthenticated) {
|
|
return <Navigate to="/marathons" replace />
|
|
}
|
|
|
|
return <>{children}</>
|
|
}
|
|
|
|
function App() {
|
|
return (
|
|
<>
|
|
<ToastContainer />
|
|
<ConfirmModal />
|
|
<Routes>
|
|
<Route path="/" element={<Layout />}>
|
|
<Route index element={<HomePage />} />
|
|
|
|
{/* Public invite page */}
|
|
<Route path="invite/:code" element={<InvitePage />} />
|
|
|
|
<Route
|
|
path="login"
|
|
element={
|
|
<PublicRoute>
|
|
<LoginPage />
|
|
</PublicRoute>
|
|
}
|
|
/>
|
|
|
|
<Route
|
|
path="register"
|
|
element={
|
|
<PublicRoute>
|
|
<RegisterPage />
|
|
</PublicRoute>
|
|
}
|
|
/>
|
|
|
|
<Route
|
|
path="marathons"
|
|
element={
|
|
<ProtectedRoute>
|
|
<MarathonsPage />
|
|
</ProtectedRoute>
|
|
}
|
|
/>
|
|
|
|
<Route
|
|
path="marathons/create"
|
|
element={
|
|
<ProtectedRoute>
|
|
<CreateMarathonPage />
|
|
</ProtectedRoute>
|
|
}
|
|
/>
|
|
|
|
<Route
|
|
path="marathons/:id"
|
|
element={
|
|
<ProtectedRoute>
|
|
<MarathonPage />
|
|
</ProtectedRoute>
|
|
}
|
|
/>
|
|
|
|
<Route
|
|
path="marathons/:id/lobby"
|
|
element={
|
|
<ProtectedRoute>
|
|
<LobbyPage />
|
|
</ProtectedRoute>
|
|
}
|
|
/>
|
|
|
|
<Route
|
|
path="marathons/:id/play"
|
|
element={
|
|
<ProtectedRoute>
|
|
<PlayPage />
|
|
</ProtectedRoute>
|
|
}
|
|
/>
|
|
|
|
<Route
|
|
path="marathons/:id/leaderboard"
|
|
element={
|
|
<ProtectedRoute>
|
|
<LeaderboardPage />
|
|
</ProtectedRoute>
|
|
}
|
|
/>
|
|
|
|
<Route
|
|
path="assignments/:id"
|
|
element={
|
|
<ProtectedRoute>
|
|
<AssignmentDetailPage />
|
|
</ProtectedRoute>
|
|
}
|
|
/>
|
|
|
|
{/* Profile routes */}
|
|
<Route
|
|
path="profile"
|
|
element={
|
|
<ProtectedRoute>
|
|
<ProfilePage />
|
|
</ProtectedRoute>
|
|
}
|
|
/>
|
|
|
|
<Route path="users/:id" element={<UserProfilePage />} />
|
|
|
|
{/* 404 - must be last */}
|
|
<Route path="*" element={<NotFoundPage />} />
|
|
</Route>
|
|
</Routes>
|
|
</>
|
|
)
|
|
}
|
|
|
|
export default App
|