From 5c653c834862189247bfccd623c48006fd3cb66b Mon Sep 17 00:00:00 2001
From: NguyenDonLam <donlamn@student.unimelb.edu.au>
Date: Wed, 16 Oct 2024 15:58:48 +1100
Subject: [PATCH] style(display ganttchart): added building icon

---
 frontend/src/components/ModSiderbar.tsx | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/frontend/src/components/ModSiderbar.tsx b/frontend/src/components/ModSiderbar.tsx
index d4c7de8..3fdadc7 100644
--- a/frontend/src/components/ModSiderbar.tsx
+++ b/frontend/src/components/ModSiderbar.tsx
@@ -4,10 +4,12 @@ import ListItem from "@mui/material/ListItem";
 import ListItemButton from "@mui/material/ListItemButton";
 import ListItemText from "@mui/material/ListItemText";
 import { Routes, Route, Link } from "react-router-dom";
+import LocationCityIcon from "@mui/icons-material/LocationCity";
 
 import GanttChart from "./GanttChart";
 import { TimetableSolution } from "../scripts/api";
 import { useState } from "react";
+import { ListItemIcon } from "@mui/material";
 
 interface SidebarProps {
   marginTop: number;
@@ -57,16 +59,15 @@ export default function ModSidebar({ marginTop, width }: SidebarProps) {
                     sx={{
                       backgroundColor:
                         selectedCampus === campusName
-                          ? "#f8d5ac"
+                          ? "lightgrey"
                           : "transparent",
-                      "&:hover": {
-                        backgroundColor: "#fdefe0",
-                      },
                     }}
                   >
+                    <ListItemIcon>
+                      <LocationCityIcon/>
+                    </ListItemIcon>
                     <ListItemText
                       primary={campusName}
-                      sx={{ textAlign: "Center" }}
                     />
                   </ListItemButton>
                 </ListItem>