new menu style and added area for admins

main
alex 2023-06-15 23:16:46 +02:00
parent 933112b5c9
commit ffaa547675
1 changed files with 38 additions and 3 deletions

View File

@ -1,8 +1,12 @@
import { import {
AppstoreOutlined, AppstoreOutlined,
FileTextOutlined,
HistoryOutlined,
LogoutOutlined, LogoutOutlined,
ScanOutlined, ScanOutlined,
SettingOutlined,
SnippetsOutlined, SnippetsOutlined,
UsergroupAddOutlined,
} from "@ant-design/icons"; } from "@ant-design/icons";
import { Badge, Divider, Menu } from "antd"; import { Badge, Divider, Menu } from "antd";
import Sider from "antd/es/layout/Sider"; import Sider from "antd/es/layout/Sider";
@ -56,7 +60,7 @@ export default function SideMenu({ userSession, setUserSession }) {
</div> </div>
<div className="Subtitle">Admin Dashboard</div> <div className="Subtitle">Admin Dashboard</div>
<Menu <Menu
mode="vertical" mode="inline"
onClick={(item) => { onClick={(item) => {
navigate(item.key); navigate(item.key);
}} }}
@ -70,8 +74,39 @@ export default function SideMenu({ userSession, setUserSession }) {
}, },
{ {
label: "Group Tasks", label: "Group Tasks",
icon: <SnippetsOutlined />, type: "group",
key: "/group-tasks", 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",
},
],
}, },
]} ]}
/> />