From 0e5b69235c2feb4296322ae74f0c4fa996f30f64 Mon Sep 17 00:00:00 2001
From: Tudor Stanciu <tudor.stanciu94@gmail.com>
Date: Sat, 30 Mar 2024 13:43:11 +0200
Subject: [PATCH] Refactor SideBar and TopBar components

---
 frontend/src/components/layout/SideBar.tsx | 30 ----------------------
 frontend/src/components/layout/TopBar.tsx  |  2 +-
 2 files changed, 1 insertion(+), 31 deletions(-)

diff --git a/frontend/src/components/layout/SideBar.tsx b/frontend/src/components/layout/SideBar.tsx
index 4dd81b2..633ef50 100644
--- a/frontend/src/components/layout/SideBar.tsx
+++ b/frontend/src/components/layout/SideBar.tsx
@@ -112,36 +112,6 @@ const SideBar: React.FC<SideBarProps> = ({ open, onDrawerOpen, onDrawerClose })
           </React.Fragment>
         );
       })}
-
-      <Divider />
-      <List>
-        <MenuItem
-          open={open}
-          icon={<SettingsOutlined />}
-          label={"Settings"}
-          subMenus={[
-            {
-              open,
-              icon: <DashboardOutlined />,
-              label: "Dashboards",
-              onClick: () => navigate("/configurator/dashboards")
-            },
-            {
-              open,
-              icon: <PollOutlined />,
-              label: "Charts",
-              onClick: () => navigate("/configurator/charts")
-            },
-            {
-              open,
-              icon: <TuneOutlined />,
-              label: "Filters",
-              onClick: () => navigate("/configurator/filters")
-            }
-          ]}
-        />
-        <MenuItem open={open} icon={<HelpOutlineOutlined />} label={"Help"} onClick={() => navigate("/help")} />
-      </List>
     </Drawer>
   );
 };
diff --git a/frontend/src/components/layout/TopBar.tsx b/frontend/src/components/layout/TopBar.tsx
index c6ca569..80705a4 100644
--- a/frontend/src/components/layout/TopBar.tsx
+++ b/frontend/src/components/layout/TopBar.tsx
@@ -58,7 +58,7 @@ const TopBar: React.FC<TopBarProps> = ({ open, onDrawerOpen }) => {
           {title}
         </Typography>
         <Box sx={{ flexGrow: 1 }} />
-        <Box sx={{ display: { xs: "none", md: "flex" } }}>
+        <Box sx={{ display: { xs: "none", md: "flex" }, gap: 1 }}>
           <SensitiveInfoToggle />
           <LightDarkToggle />
           <ProfileButton />