Update Management sidebar.js

Author: PrerakMathur20

.gitignore

@@ -109,3 +109,6 @@ ENV/
 # SQLite data
 flask-backend/api/db.sqlite3
 *.db
+
+# Misc
+.DS_Store

React-frontend/src/components/Management/Sidebar.js

@@ -112,9 +112,9 @@ function Sidebar() {
 
   // Other items
   const otherItems = [
-                      ['Home', <HomeIcon color="secondary"/>],
-                      ['Contact', <ContactSupportIcon color="secondary"/>],
-                      ['About', <InfoIcon color="secondary"/>]
+                      ['Home', <HomeIcon color="secondary"/>, "/"],
+                      ['Contact', <ContactSupportIcon color="secondary"/>, "/contact"],
+                      ['About', <InfoIcon color="secondary"/>, "/about"]
                     ]
 
   return (
@@ -202,10 +202,16 @@ function Sidebar() {
       <Divider />
       <List>
         {otherItems.map((item, index) => (
-          <ListItem button key={item[0]}>
-            <ListItemIcon>{item[1]}</ListItemIcon>
-            <ListItemText primary={item[0]}/>
-          </ListItem>
+         <ListItem
+         button key={item[0]}
+         className={
+           (location.pathname === item[2]) ? classes.activeItem : null}
+            onClick={() => history.push(item[2])
+          }
+       >
+         <ListItemIcon>{item[1]}</ListItemIcon>
+         <ListItemText primary={item[0]} />
+       </ListItem>
         ))}
       </List>