30 lines
971 B
TypeScript
30 lines
971 B
TypeScript
import { BrowserRouter, Routes, Route, Navigate } from "react-router-dom";
|
|
import AppLayout from "./components/layout/AppLayout";
|
|
import ProjectForm from "./components/projects/ProjectForm";
|
|
import ProjectDashboard from "./components/projects/ProjectDashboard";
|
|
|
|
function EmptyState() {
|
|
return (
|
|
<div className="flex items-center justify-center h-full text-gray-400">
|
|
<p>Select a project or create a new one</p>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
function App() {
|
|
return (
|
|
<BrowserRouter>
|
|
<Routes>
|
|
<Route element={<AppLayout />}>
|
|
<Route index element={<EmptyState />} />
|
|
<Route path="/projects/new" element={<ProjectForm />} />
|
|
<Route path="/projects/:projectId" element={<ProjectDashboard />} />
|
|
<Route path="/projects/:projectId/edit" element={<ProjectForm />} />
|
|
<Route path="*" element={<Navigate to="/" replace />} />
|
|
</Route>
|
|
</Routes>
|
|
</BrowserRouter>
|
|
);
|
|
}
|
|
|
|
export default App;
|