Merge pull request #21 from Code-4-Community/ja-demo-day-2point5

Route Updates and 'Volunteer' page Links to 'My Adopted Green Infrastructure' page
Code-4-Community · Apr 18, 2024 · 0519210 · 0519210
2 parents 77fa367 + a50e96f
commit 0519210
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 4 deletions.
diff --git a/apps/frontend/src/components/volunteerDashboard/VolunteerDashboard.tsx b/apps/frontend/src/components/volunteerDashboard/VolunteerDashboard.tsx
@@ -74,9 +74,11 @@ function VolunteerDashboard() {
               width: '100%',
             }}
           >
-            <Box sx={{ ...boxStyles, height: '50%', width: '100%' }}>
+          <Link to="my-adopted-gi" style={{ ...boxStyles, textDecoration: 'none', color: 'inherit', width: '100%', height: '50%' }}>
+            <Box sx={{ ...boxStyles, height: '100%', width: '100%'}}>
               My Adopted Green Infrastructure
             </Box>
+          </Link>
             <Box
               sx={{
                 display: 'flex',

diff --git a/apps/frontend/src/main.tsx b/apps/frontend/src/main.tsx
@@ -3,16 +3,20 @@ import ReactDOM from 'react-dom/client';
 import { QueryClient, QueryClientProvider } from 'react-query';
 import { BrowserRouter, Route, Routes } from 'react-router-dom';
 import MapPage from './pages/mapPage/MapPage';
+import MyAdoptedGIPage from './pages/myAdoptedGIPage/MyAdoptedGIPage';
+import VolunteerPage from './pages/volunteerPage/VolunteerPage';
 
 const queryClient = new QueryClient();
 
 ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
   <React.StrictMode>
     <QueryClientProvider client={queryClient}>
       <BrowserRouter>
-        <Routes>
-          <Route path="/" element={<MapPage />} />
-        </Routes>
+      <Routes>
+        <Route path="/" element={<MapPage />} />
+        <Route path="/volunteer" element={<VolunteerPage />} />
+        <Route path="/volunteer/my-adopted-gi" element={<MyAdoptedGIPage />} />
+      </Routes>
       </BrowserRouter>
     </QueryClientProvider>
   </React.StrictMode>,