From 1f29d7558abcef73b463104fca9bdb4faabc300c Mon Sep 17 00:00:00 2001
From: oncarrozaqy <oncarrozaqyy@gmail.com>
Date: Sat, 25 Nov 2023 23:12:35 +0700
Subject: [PATCH] fix (UC07): fix bug

---
 frontend/src/pages/PageManageMenu.tsx | 25 ++++++++++++++++++++-----
 1 file changed, 20 insertions(+), 5 deletions(-)

diff --git a/frontend/src/pages/PageManageMenu.tsx b/frontend/src/pages/PageManageMenu.tsx
index 7689b32..6f6a895 100644
--- a/frontend/src/pages/PageManageMenu.tsx
+++ b/frontend/src/pages/PageManageMenu.tsx
@@ -18,20 +18,22 @@ interface Product {
     name: string,
     description: string,
     price: number,
+    stock: number,
     id_tenant: number
 }
 
-interface ProductCard {
+interface MenuCard {
     id: number,
     image: string,
     name: string,
     description: string,
-    price: number
+    price: number,
+    stock: number
 }
 
 export default function PageManageMenu() {
     const idTenant = 1;
-    const [MenuData, setMenuData] = useState<ProductCard[]>([]);
+    const [MenuData, setMenuData] = useState<MenuCard[]>([]);
 
     const getMenuData = async () => {
         const tenantResponse = await Axios.get(`http://localhost:8000/tenants/${idTenant}`);
@@ -49,7 +51,8 @@ export default function PageManageMenu() {
                 image: product.image,
                 name: product.name,
                 description: product.description,
-                price: product.price
+                price: product.price,
+                stock: product.stock
             }
         });
 
@@ -63,6 +66,18 @@ export default function PageManageMenu() {
 
     console.log(MenuData);
 
+    const [data, setData] = useState([]);
+
+    const getData = async () => {
+        const res = await Axios.get("http://localhost:8000/products");
+        setData(res.data);
+        setData(res.data.data);
+    };
+
+    useEffect(() => {
+        getData();
+    }, []);
+
 
     const [menuToDelete, setMenuToDelete] = useState(null);
     const [menuToEdit, setMenuToEdit] = useState(null);
@@ -111,7 +126,7 @@ export default function PageManageMenu() {
         }
     };
 
-    const maxId = Math.max(...MenuData.map((menu: any) => menu.id));
+    const maxId = Math.max(...data.map((menu: any) => menu.id));
     return (
         // Create grid layout for sidebard, header, and main content
         <div className="grid grid-cols-5 grid-rows-8 min-h-screen bg-mealshub-cream">
-- 
GitLab