61 lines
2.1 KiB
TypeScript
61 lines
2.1 KiB
TypeScript
import { Routes, Route, Navigate } from 'react-router-dom';
|
|
import { useAuth } from '@/hooks/useAuth';
|
|
import LockScreen from '@/components/auth/LockScreen';
|
|
import AppLayout from '@/components/layout/AppLayout';
|
|
import DashboardPage from '@/components/dashboard/DashboardPage';
|
|
import TodosPage from '@/components/todos/TodosPage';
|
|
import CalendarPage from '@/components/calendar/CalendarPage';
|
|
import RemindersPage from '@/components/reminders/RemindersPage';
|
|
import ProjectsPage from '@/components/projects/ProjectsPage';
|
|
import ProjectDetail from '@/components/projects/ProjectDetail';
|
|
import PeoplePage from '@/components/people/PeoplePage';
|
|
import LocationsPage from '@/components/locations/LocationsPage';
|
|
import SettingsPage from '@/components/settings/SettingsPage';
|
|
|
|
function ProtectedRoute({ children }: { children: React.ReactNode }) {
|
|
const { authStatus, isLoading } = useAuth();
|
|
|
|
if (isLoading) {
|
|
return (
|
|
<div className="flex h-screen items-center justify-center">
|
|
<div className="text-muted-foreground">Loading...</div>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
if (!authStatus?.authenticated) {
|
|
return <Navigate to="/login" replace />;
|
|
}
|
|
|
|
return <>{children}</>;
|
|
}
|
|
|
|
function App() {
|
|
return (
|
|
<Routes>
|
|
<Route path="/login" element={<LockScreen />} />
|
|
<Route
|
|
path="/"
|
|
element={
|
|
<ProtectedRoute>
|
|
<AppLayout />
|
|
</ProtectedRoute>
|
|
}
|
|
>
|
|
<Route index element={<Navigate to="/dashboard" replace />} />
|
|
<Route path="dashboard" element={<DashboardPage />} />
|
|
<Route path="todos" element={<TodosPage />} />
|
|
<Route path="calendar" element={<CalendarPage />} />
|
|
<Route path="reminders" element={<RemindersPage />} />
|
|
<Route path="projects" element={<ProjectsPage />} />
|
|
<Route path="projects/:id" element={<ProjectDetail />} />
|
|
<Route path="people" element={<PeoplePage />} />
|
|
<Route path="locations" element={<LocationsPage />} />
|
|
<Route path="settings" element={<SettingsPage />} />
|
|
</Route>
|
|
</Routes>
|
|
);
|
|
}
|
|
|
|
export default App;
|