Page Category

src/pages/App/MenuList.js

@@ -10,6 +10,9 @@ import {
   MoneyCollectOutlined,
   ProjectOutlined,
   FileProtectOutlined,
+  FileAddOutlined,
+  FileSyncOutlined,
+  ProfileOutlined
 } from "@ant-design/icons";
 import { observer } from "mobx-react-lite";
 import { useStore } from "../../utils/useStore";
@@ -83,12 +86,30 @@ export const MenuList = observer((props) => {
         </SubMenu>
       )}
       {store.authentication.userData.role !== "Retail" && (
+        <SubMenu
+        key="product"
+        icon={<ProfileOutlined />}
+        title="Product"
+      >
         <Menu.Item key="product">
           <Link to={LINKS.PRODUCT}>
             <DatabaseOutlined />
             <span>Product</span>
           </Link>
         </Menu.Item>
+        <Menu.Item key="product">
+          <Link to={LINKS.CATEGORY}>
+          <FileAddOutlined />
+            <span>Category</span>
+          </Link>
+        </Menu.Item>
+        <Menu.Item key="product">
+          <Link to={LINKS.PRODUCT}>
+          <FileSyncOutlined />
+            <span>Sub Category</span>
+          </Link>
+        </Menu.Item>
+        </SubMenu>
       )}
       {store.authentication.userData.role === ("Retail" || "Admin") && (
         <Menu.Item key="transaction">