From 7db3ac865ece964a33bbed5b5197265725bde1b8 Mon Sep 17 00:00:00 2001
From: YAO LIU <yliu0430@student.monash.edu>
Date: Fri, 27 Sep 2024 14:23:38 +1000
Subject: [PATCH] change link of property on renter side navbar

---
 frontend/src/App.js                           |  1 +
 .../navigation_menu/SideDrawer.jsx            | 24 +++++++++++++------
 2 files changed, 18 insertions(+), 7 deletions(-)

diff --git a/frontend/src/App.js b/frontend/src/App.js
index 43837463..86004532 100644
--- a/frontend/src/App.js
+++ b/frontend/src/App.js
@@ -76,6 +76,7 @@ function App() {
             <Route path='/Rprofile/:rID' element={<ManagerRoute Component={RprofileForPM}/>} />
             <Route path='/PMprofile/:pmID' element={<ManagerRoute Component={PMprofileForPM}/>} />
             <Route path='/PM/:pmID' element={<RenterRoute Component={PMprofileForR}/>} />
+            <Route path='/saved_properties' element={<RenterRoute Component={SavedProperties}/>} />
           </Routes>
     </ThemeProvider>
   )
diff --git a/frontend/src/renter-components/navigation_menu/SideDrawer.jsx b/frontend/src/renter-components/navigation_menu/SideDrawer.jsx
index a56d1de6..ac8a3355 100644
--- a/frontend/src/renter-components/navigation_menu/SideDrawer.jsx
+++ b/frontend/src/renter-components/navigation_menu/SideDrawer.jsx
@@ -1,5 +1,11 @@
 import * as React from "react";
-import { BrowserRouter as Router, Route, Routes, Link, NavLink } from "react-router-dom";
+import {
+  BrowserRouter as Router,
+  Route,
+  Routes,
+  Link,
+  NavLink,
+} from "react-router-dom";
 import Box from "@mui/material/Box";
 import Drawer from "@mui/material/Drawer";
 import Toolbar from "@mui/material/Toolbar";
@@ -24,7 +30,7 @@ import { useTheme } from "@mui/material";
 const drawerWidth = 200;
 
 export default function SideDrawer() {
-  const theme = useTheme()
+  const theme = useTheme();
   return (
     <Drawer
       variant="permanent"
@@ -48,7 +54,11 @@ export default function SideDrawer() {
               icon: <PermContactCalendarIcon />,
               link: "/RentalProfile",
             },
-            { text: "Properties", icon: <PropertiesIcon />, link: "/property" },
+            {
+              text: "Properties",
+              icon: <PropertiesIcon />,
+              link: "/saved_properties",
+            },
             {
               text: "Inspections Apply",
               icon: <InspectionIcon />,
@@ -71,13 +81,13 @@ export default function SideDrawer() {
               >
                 <ListItemIcon>{item.icon}</ListItemIcon>
                 {/* <ListItemText primary={item.text} /> */}
-                <NavLink 
+                <NavLink
                   to={item.link}
                   style={({ isActive }) => ({
-                    color: isActive ? theme.primary : '#000000',
+                    color: isActive ? theme.primary : "#000000",
                     fontWeight: isActive ? 700 : 400,
-                    textDecoration: 'none',
-                    padding: 2
+                    textDecoration: "none",
+                    padding: 2,
                   })}
                 >
                   {item.text}