From 1be4d4531dee85380f7f9f236a25d767c33ff004 Mon Sep 17 00:00:00 2001
From: rarsyansyahr <rarsyansyahr@gmail.com>
Date: Wed, 15 Dec 2021 15:54:03 +0700
Subject: [PATCH] fix: key on menu list & product table

---
 src/pages/App/MenuList.js    | 8 ++++----
 src/pages/Product/Product.js | 4 ++--
 src/store/product.js         | 2 --
 3 files changed, 6 insertions(+), 8 deletions(-)

diff --git a/src/pages/App/MenuList.js b/src/pages/App/MenuList.js
index b64a400..df944ea 100644
--- a/src/pages/App/MenuList.js
+++ b/src/pages/App/MenuList.js
@@ -88,7 +88,7 @@ export const MenuList = observer((props) => {
       )}
       {store.authentication.userData.role !== "Retail" && (
         <SubMenu
-        key="product"
+        key="product-main"
         icon={<ProfileOutlined />}
         title="Product"
       >
@@ -98,13 +98,13 @@ export const MenuList = observer((props) => {
             <span>Product</span>
           </Link>
         </Menu.Item>
-        <Menu.Item key="product">
+        <Menu.Item key="category">
           <Link to={LINKS.CATEGORY}>
           <FileAddOutlined />
             <span>Category</span>
           </Link>
         </Menu.Item>
-        <Menu.Item key="product">
+        <Menu.Item key="sub-category">
           <Link to={LINKS.PRODUCT}>
           <FileSyncOutlined />
             <span>Sub Category</span>
@@ -121,7 +121,7 @@ export const MenuList = observer((props) => {
             </Menu.Item>
         )}
         {store.authentication.userData.role !== "Retail" && (
-            <Menu.Item key="product">
+            <Menu.Item key="retail">
               <Link to={LINKS.PRODUCT}>
                 <DatabaseOutlined/>
                 <span>Product</span>
diff --git a/src/pages/Product/Product.js b/src/pages/Product/Product.js
index d756d5d..2f5496a 100644
--- a/src/pages/Product/Product.js
+++ b/src/pages/Product/Product.js
@@ -31,7 +31,7 @@ export const Product = observer(() => {
 
   const handleChangeTabPane = async (key) => {
     store.product.filterCategory = key;
-    console.log(key);
+    // console.log(key);
     await store.product.getData();
   };
 
@@ -73,7 +73,7 @@ export const Product = observer(() => {
         </Row>
 
         <Tabs onChange={handleChangeTabPane} size="default" tabBarGutter="50">
-          {store.product.dataCategories.map((item) => (
+          {store.product.dataCategories.map((item, idx) => (
             <TabPane tab={item.name} key={item.id}>
               {/* <ProductComponent category={item.name} /> */}
               <ProductComponent />
diff --git a/src/store/product.js b/src/store/product.js
index be0b059..81df70c 100644
--- a/src/store/product.js
+++ b/src/store/product.js
@@ -33,8 +33,6 @@ export class Product {
         }) ?? []
         
         this.total_data = response.body.total_data ?? 0
-
-        console.log(response.body.data, this.filterCategory);
     }
 
     async getDataSubCategories() {