From cb40e8ce94de78434601c566a55fbe15472e51f2 Mon Sep 17 00:00:00 2001
From: Shekar Siri <sshekarsiri@gmail.com>
Date: Wed, 6 Dec 2023 17:13:36 +0100
Subject: [PATCH] change(ui): sidemenu changes

---
 frontend/app/layout/Layout.tsx   | 4 ++--
 frontend/app/layout/SideMenu.tsx | 9 ++-------
 2 files changed, 4 insertions(+), 9 deletions(-)

diff --git a/frontend/app/layout/Layout.tsx b/frontend/app/layout/Layout.tsx
index a436b3d05..4db4fb95b 100644
--- a/frontend/app/layout/Layout.tsx
+++ b/frontend/app/layout/Layout.tsx
@@ -47,9 +47,9 @@ function Layout(props: Props) {
           <Sider
             style={{
               position: 'sticky',
-              top: 60, // Height of the Header
+              top: 70, // Height of the Header
               // backgroundColor: '#f6f6f6',
-              height: 'calc(100vh - 60px)', // Adjust the height to accommodate the Header
+              height: 'calc(100vh - 70px)', // Adjust the height to accommodate the Header
               overflow: 'auto' // Enable scrolling for the Sider content if needed
             }}
             collapsed={settingsStore.menuCollapsed}
diff --git a/frontend/app/layout/SideMenu.tsx b/frontend/app/layout/SideMenu.tsx
index 336d460d4..d35d1b2b3 100644
--- a/frontend/app/layout/SideMenu.tsx
+++ b/frontend/app/layout/SideMenu.tsx
@@ -170,12 +170,7 @@ function SideMenu(props: Props) {
             {!category.hidden && (
               <>
                 {index > 0 && <Divider style={{ margin: '6px 0' }} />}
-                <Menu.ItemGroup
-                  key={category.key}
-                  title={category.title}
-                  // title={<div style={{ paddingLeft: isCollapsed ? '' : '6px' }}
-                  //             className={cn({ 'text-center': isCollapsed })}>{category.title}</div>}
-                >
+
                   {category.items.filter((item: any) => !item.hidden).map((item: any) => {
                     const isActive = isMenuItemActive(item.key);
 
@@ -215,7 +210,7 @@ function SideMenu(props: Props) {
                       </Menu.Item>
                     );
                   })}
-                </Menu.ItemGroup>
+
               </>
             )}
           </React.Fragment>