From ffaa5476759d8b2a5324ac3419ad373ef67205bb Mon Sep 17 00:00:00 2001
From: alex <alex@roese.dev>
Date: Thu, 15 Jun 2023 23:16:46 +0200
Subject: [PATCH] new menu style and added area for admins

---
 src/Components/SideMenu/index.js | 41 +++++++++++++++++++++++++++++---
 1 file changed, 38 insertions(+), 3 deletions(-)

diff --git a/src/Components/SideMenu/index.js b/src/Components/SideMenu/index.js
index 48eadec..f24136b 100644
--- a/src/Components/SideMenu/index.js
+++ b/src/Components/SideMenu/index.js
@@ -1,8 +1,12 @@
 import {
   AppstoreOutlined,
+  FileTextOutlined,
+  HistoryOutlined,
   LogoutOutlined,
   ScanOutlined,
+  SettingOutlined,
   SnippetsOutlined,
+  UsergroupAddOutlined,
 } from "@ant-design/icons";
 import { Badge, Divider, Menu } from "antd";
 import Sider from "antd/es/layout/Sider";
@@ -56,7 +60,7 @@ export default function SideMenu({ userSession, setUserSession }) {
           </div>
           <div className="Subtitle">Admin Dashboard</div>
           <Menu
-            mode="vertical"
+            mode="inline"
             onClick={(item) => {
               navigate(item.key);
             }}
@@ -70,8 +74,39 @@ export default function SideMenu({ userSession, setUserSession }) {
               },
               {
                 label: "Group Tasks",
-                icon: <SnippetsOutlined />,
-                key: "/group-tasks",
+                type: "group",
+                children: [
+                  {
+                    label: "Overview",
+                    icon: <SnippetsOutlined />,
+                    key: "/group-tasks",
+                  },
+                  {
+                    label: "History",
+                    icon: <HistoryOutlined />,
+                    key: "/group-tasks-history",
+                  },
+                ],
+              },
+              {
+                type: "divider",
+              },
+              {
+                label: "Admin Area",
+                icon: <SettingOutlined />,
+                key: "/admin-area",
+                children: [
+                  {
+                    label: "Roles",
+                    icon: <UsergroupAddOutlined />,
+                    key: "/admin-area/roles",
+                  },
+                  {
+                    label: "Logs",
+                    icon: <FileTextOutlined />,
+                    key: "/admin-area/logs",
+                  },
+                ],
               },
             ]}
           />