Alexis
a07bd3146e
- Add Tailwind CSS dependencies and configure Vite to use Tailwind - Implement routing with React Router for Landing and Dashboard pages - Remove unused App.css file and refactor App component to utilize new structure - Update global styles in index.css to incorporate Tailwind's utility classes
31 lines
849 B
React
31 lines
849 B
React
import { Navigate, Route, Routes } from "react-router-dom";
|
|
import { Toaster } from "sonner";
|
|
|
|
import { LandingPage } from "./pages/LandingPage";
|
|
import { DashboardPage } from "./pages/DashboardPage";
|
|
|
|
/**
|
|
* App shell. Declares the top-level routes and mounts the global
|
|
* notification portal (sonner). Router itself lives in `main.jsx` so tests
|
|
* can wrap `<App />` with a `MemoryRouter` if needed.
|
|
*/
|
|
export default function App() {
|
|
return (
|
|
<>
|
|
<Routes>
|
|
<Route path="/" element={<LandingPage />} />
|
|
<Route path="/dashboard/:orcid" element={<DashboardPage />} />
|
|
<Route path="*" element={<Navigate to="/" replace />} />
|
|
</Routes>
|
|
|
|
<Toaster
|
|
position="top-right"
|
|
richColors
|
|
closeButton
|
|
theme="light"
|
|
toastOptions={{ duration: 4000 }}
|
|
/>
|
|
</>
|
|
);
|
|
}
|