49 lines
1.8 KiB
React
49 lines
1.8 KiB
React
import { Routes, Route, Navigate } from 'react-router-dom'
|
|
import { useEffect } from 'react'
|
|
import { useAuthStore } from './hooks/useAuth'
|
|
import Layout from './components/ui/Layout'
|
|
import LoginPage from './pages/LoginPage'
|
|
import DashboardPage from './pages/DashboardPage'
|
|
import ActivitiesPage from './pages/ActivitiesPage'
|
|
import ActivityDetailPage from './pages/ActivityDetailPage'
|
|
import SummaryPage from './pages/SummaryPage'
|
|
import HealthPage from './pages/HealthPage'
|
|
import RoutesPage from './pages/RoutesPage'
|
|
import RecordsPage from './pages/RecordsPage'
|
|
import UploadPage from './pages/UploadPage'
|
|
import ProfilePage from './pages/ProfilePage'
|
|
import UsersPage from './pages/UsersPage'
|
|
|
|
function RequireAuth({ children }) {
|
|
const token = useAuthStore((s) => s.token)
|
|
if (!token) return <Navigate to="/login" replace />
|
|
return children
|
|
}
|
|
|
|
export default function App() {
|
|
const { token, fetchUser } = useAuthStore()
|
|
|
|
useEffect(() => {
|
|
if (token) fetchUser()
|
|
}, [token])
|
|
|
|
return (
|
|
<Routes>
|
|
<Route path="/login" element={<LoginPage />} />
|
|
<Route path="/" element={<RequireAuth><Layout /></RequireAuth>}>
|
|
<Route index element={<DashboardPage />} />
|
|
<Route path="activities" element={<ActivitiesPage />} />
|
|
<Route path="activities/:id" element={<ActivityDetailPage />} />
|
|
<Route path="summary" element={<SummaryPage />} />
|
|
<Route path="health" element={<HealthPage />} />
|
|
<Route path="routes" element={<RoutesPage />} />
|
|
<Route path="routes/:routeId" element={<RoutesPage />} />
|
|
<Route path="records" element={<RecordsPage />} />
|
|
<Route path="upload" element={<UploadPage />} />
|
|
<Route path="profile" element={<ProfilePage />} />
|
|
<Route path="users" element={<UsersPage />} />
|
|
</Route>
|
|
</Routes>
|
|
)
|
|
}
|