update: enhance LayoutMenu component with additional menu items and icons

src/layout/LayoutMenu.jsx

@@ -2,7 +2,8 @@ import React, { useState } from 'react';
 import { Link } from 'react-router-dom';
 import { Menu, Typography, Image } from 'antd';
 import { getSessionData } from '../components/Global/Formatter';
-import { HomeOutlined,
+import {
+    HomeOutlined,
     DatabaseOutlined,
     SettingOutlined,
     UserOutlined,
@@ -12,7 +13,19 @@ import { HomeOutlined,
     HistoryOutlined,
     DollarOutlined,
     RollbackOutlined,
-    ProductOutlined
+    ProductOutlined,
+    TagOutlined,
+    MobileOutlined,
+    WarningOutlined,
+    LineChartOutlined,
+    FileTextOutlined,
+    BellOutlined,
+    AlertOutlined,
+    SafetyOutlined,
+    TeamOutlined,
+    ClockCircleOutlined,
+    CalendarOutlined,
+    UsergroupAddOutlined
 } from '@ant-design/icons';
 
 const { Text } = Typography;
@@ -30,9 +43,78 @@ const allItems = [
         children: [
             {
                 key: 'master-device',
-                icon: <DatabaseOutlined style={{fontSize:'19px'}} />,
+                icon: <MobileOutlined style={{fontSize:'19px'}} />,
                 label: <Link to="/master/device">Device</Link>,
             },
+            {
+                key: 'master-tag',
+                icon: <TagOutlined style={{fontSize:'19px'}} />,
+                label: <Link to="/master/tag">Tag</Link>,
+            },
+            {
+                key: 'master-brand-device',
+                icon: <AntDesignOutlined style={{fontSize:'19px'}} />,
+                label: <Link to="/master/brand-device">Brand Device</Link>,
+            },
+            {
+                key: 'master-error-code',
+                icon: <WarningOutlined style={{fontSize:'19px'}} />,
+                label: <Link to="/master/error-code">Error Code</Link>,
+            },
+        ],
+    },
+    {
+        key: 'history',
+        icon: <HistoryOutlined style={{fontSize:'19px'}} />,
+        label: 'History',
+        children: [
+            {
+                key: 'history-trending',
+                icon: <LineChartOutlined style={{fontSize:'19px'}} />,
+                label: <Link to="/history/trending">Trending</Link>,
+            },
+            {
+                key: 'history-report',
+                icon: <FileTextOutlined style={{fontSize:'19px'}} />,
+                label: <Link to="/history/report">Report</Link>,
+            },
+        ],
+    },
+    {
+        key: 'notification',
+        icon: <BellOutlined style={{fontSize:'19px'}} />,
+        label: <Link to="/notification" className='fontMenus'>Notifikasi</Link>,
+    },
+    {
+        key: 'event-alarm',
+        icon: <AlertOutlined style={{fontSize:'19px'}} />,
+        label: <Link to="/event-alarm" className='fontMenus'>Event Alarm</Link>,
+    },
+    {
+        key: 'role',
+        icon: <SafetyOutlined style={{fontSize:'19px'}} />,
+        label: <Link to="/role" className='fontMenus'>Role</Link>,
+    },
+    {
+        key: 'user',
+        icon: <UserOutlined style={{fontSize:'19px'}} />,
+        label: <Link to="/user" className='fontMenus'>User</Link>,
+    },
+    {
+        key: 'shift-management',
+        icon: <ClockCircleOutlined style={{fontSize:'19px'}} />,
+        label: 'Manajemen Shift',
+        children: [
+            {
+                key: 'shift-schedule',
+                icon: <CalendarOutlined style={{fontSize:'19px'}} />,
+                label: <Link to="/shift-management/schedule">Jadwal Shift</Link>,
+            },
+            {
+                key: 'shift-member',
+                icon: <UsergroupAddOutlined style={{fontSize:'19px'}} />,
+                label: <Link to="/shift-management/member">Anggota Shift</Link>,
+            },
         ],
     },
 ];