From 3f995cfa38bdf91fed8621f63ca4814c254b0e59 Mon Sep 17 00:00:00 2001
From: Wikzyy <alwi.erdi4@gmail.com>
Date: Mon, 24 Mar 2025 11:45:22 +0700
Subject: [PATCH 1/4] fix search filter

---
 src/pages/menu/manage-menu/blocks/ListToolbar.tsx       | 4 ++--
 src/pages/menu/manage-menu/hooks/ManageMenusContext.tsx | 9 +++++----
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/src/pages/menu/manage-menu/blocks/ListToolbar.tsx b/src/pages/menu/manage-menu/blocks/ListToolbar.tsx
index 784c705..b0364d8 100644
--- a/src/pages/menu/manage-menu/blocks/ListToolbar.tsx
+++ b/src/pages/menu/manage-menu/blocks/ListToolbar.tsx
@@ -16,8 +16,8 @@ const ListToolbar = () => {
               <input
                 type="text"
                 placeholder="Search Menu"
-                value={(table.getColumn('subMenu')?.getFilterValue() as string) ?? ''}
-                onChange={(event) => table.getColumn('subMenu')?.setFilterValue(event.target.value)}
+                value={(table.getColumn('name')?.getFilterValue() as string) ?? ''}
+                onChange={(event) => table.getColumn('name')?.setFilterValue(event.target.value)}
               />
             </label>
             <DefaultTooltip title={'Filter'} placement={'top'}>
diff --git a/src/pages/menu/manage-menu/hooks/ManageMenusContext.tsx b/src/pages/menu/manage-menu/hooks/ManageMenusContext.tsx
index ab46533..fcdf17c 100644
--- a/src/pages/menu/manage-menu/hooks/ManageMenusContext.tsx
+++ b/src/pages/menu/manage-menu/hooks/ManageMenusContext.tsx
@@ -118,7 +118,7 @@ const ManageMenusContextProvider = ({ children }: { children: React.ReactNode })
       },
       {
         accessorFn: (row) => row.name,
-        id: 'subMenu',
+        id: 'name',
         header: ({ column }) => <DataGridColumnHeader title="Sub Menu" column={column} />,
         enableSorting: false,
         enableHiding: false,
@@ -210,7 +210,8 @@ const ManageMenusContextProvider = ({ children }: { children: React.ReactNode })
         page: page + 1,
         with_deleted: false,
         order_field: sorting[0].id,
-        order_direction: sorting[0].desc ? 'DESC' : 'ASC'
+        order_direction: sorting[0].desc ? 'DESC' : 'ASC',
+        filter: JSON.stringify(filter)
       });
 
       if (!response?.data.list) return { data: [], totalCount: 0 };
@@ -223,7 +224,7 @@ const ManageMenusContextProvider = ({ children }: { children: React.ReactNode })
 
       console.log(response.data);
       setMenus(transformedData);
-      return { data: transformedData, totalCount: response.data.total_count };
+      return { data: transformedData, totalCount: total_count };
     } catch (error) {
       console.error('Error fetching Menus', error);
       return { data: [], totalCount: 0 };
@@ -250,7 +251,7 @@ const ManageMenusContextProvider = ({ children }: { children: React.ReactNode })
 
       <DataGridProvider
         columns={columns}
-        pagination={{ size: 30 }}
+        pagination={{ size: 50, page: 0, more: false }}
         toolbar={<ListToolbar />}
         layout={{ card: true }}
         sorting={[{ id: 'id', desc: false }]}

From c96ab19450d285c9f6d0ca88b7fe1f19691f0fe5 Mon Sep 17 00:00:00 2001
From: Wikzyy <alwi.erdi4@gmail.com>
Date: Mon, 24 Mar 2025 15:12:36 +0700
Subject: [PATCH 2/4] fix edit form fetch transaction type id

---
 src/pages/master/provider/blocks/EditDialog.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/master/provider/blocks/EditDialog.tsx b/src/pages/master/provider/blocks/EditDialog.tsx
index 93b487e..186698f 100644
--- a/src/pages/master/provider/blocks/EditDialog.tsx
+++ b/src/pages/master/provider/blocks/EditDialog.tsx
@@ -136,7 +136,7 @@ const EditDialog = () => {
         description: response?.data.description,
         type: response?.data.type,
         status: response?.data.status,
-        transactionTypeId: response?.data.transactionTypeId,
+        transactionTypeId: response?.data.transaction_type.id,
         agent: response?.data.agent
       }));
     }

From 2c9c11edf6d48e2f7b23b0551ec26d7baa99d99b Mon Sep 17 00:00:00 2001
From: Wikzyy <alwi.erdi4@gmail.com>
Date: Mon, 24 Mar 2025 15:34:24 +0700
Subject: [PATCH 3/4] fix clear history and hide filter icon

---
 .../menu/manage-menu/blocks/ListToolbar.tsx      |  6 +++---
 .../user/manage-user/blocks/EditDialog.tsx       | 16 ++++++++++++++--
 .../user/manage-user/blocks/ListToolBar.tsx      |  6 +++---
 3 files changed, 20 insertions(+), 8 deletions(-)

diff --git a/src/pages/menu/manage-menu/blocks/ListToolbar.tsx b/src/pages/menu/manage-menu/blocks/ListToolbar.tsx
index b0364d8..0e36ca9 100644
--- a/src/pages/menu/manage-menu/blocks/ListToolbar.tsx
+++ b/src/pages/menu/manage-menu/blocks/ListToolbar.tsx
@@ -20,17 +20,17 @@ const ListToolbar = () => {
                 onChange={(event) => table.getColumn('name')?.setFilterValue(event.target.value)}
               />
             </label>
-            <DefaultTooltip title={'Filter'} placement={'top'}>
+            {/* <DefaultTooltip title={'Filter'} placement={'top'}>
               <Button
                 variant="outline"
                 className="h-7.5 disabled:bg-gray-400"
                 // disabled={isLoading}
                 // onClick={handleFilterData}
               >
-                {/* {loadingButton === 'filter' ? <ContentLoader /> : <KeenIcon icon="filter" />} */}
+                {loadingButton === 'filter' ? <ContentLoader /> : <KeenIcon icon="filter" />}
                 <KeenIcon icon="filter" />
               </Button>
-            </DefaultTooltip>
+            </DefaultTooltip> */}
           </div>
           <div className="flex gap-3 items-center">
             <Button
diff --git a/src/pages/settings/user/manage-user/blocks/EditDialog.tsx b/src/pages/settings/user/manage-user/blocks/EditDialog.tsx
index 1ae9df1..c5e550c 100644
--- a/src/pages/settings/user/manage-user/blocks/EditDialog.tsx
+++ b/src/pages/settings/user/manage-user/blocks/EditDialog.tsx
@@ -35,16 +35,22 @@ const EditDialog = () => {
     show: false,
     message: ''
   });
-  const [formField, setFormField] = useState({
+  const initialState = {
     name: '',
     username: '',
     email: '',
     id_role: '',
     id_role_old: '',
     status: ''
-  });
+  };
+  const [formField, setFormField] = useState(initialState);
 
   /* actions */
+  const doResetForm = () => {
+    setAlert({ show: false, message: '' });
+    setFormField(initialState);
+  };
+
   const doUpdateUser = useCallback(
     async (e: React.FormEvent<HTMLFormElement>) => {
       e.preventDefault();
@@ -103,6 +109,12 @@ const EditDialog = () => {
     }
   }, [selectedUser]);
 
+  useEffect(() => {
+    if (showEditDialog === false) {
+      doResetForm();
+    }
+  }, [showEditDialog]);
+
   return (
     <Dialog open={showEditDialog} onOpenChange={(open) => handleEditDialog(open, null)}>
       <DialogContent className="container-fixed max-w-[768px] flex flex-col p-5 overflow-hidden [&>button]:hidden">
diff --git a/src/pages/settings/user/manage-user/blocks/ListToolBar.tsx b/src/pages/settings/user/manage-user/blocks/ListToolBar.tsx
index 2528400..64293a0 100644
--- a/src/pages/settings/user/manage-user/blocks/ListToolBar.tsx
+++ b/src/pages/settings/user/manage-user/blocks/ListToolBar.tsx
@@ -22,17 +22,17 @@ const ListToolBar = () => {
                 }
               />
             </label>
-            <DefaultTooltip title={'Filter'} placement={'top'}>
+            {/* <DefaultTooltip title={'Filter'} placement={'top'}>
               <Button
                 variant="outline"
                 className="h-7.5 disabled:bg-gray-400"
                 // disabled={isLoading}
                 // onClick={handleFilterData}
               >
-                {/* {loadingButton === 'filter' ? <ContentLoader /> : <KeenIcon icon="filter" />} */}
+                {loadingButton === 'filter' ? <ContentLoader /> : <KeenIcon icon="filter" />}
                 <KeenIcon icon="filter" />
               </Button>
-            </DefaultTooltip>
+            </DefaultTooltip> */}
           </div>
           <div className="flex gap-3 items-center">
             <Button

From 9720aa70b454a1f65b6cbe628acf0d5fa5f85246 Mon Sep 17 00:00:00 2001
From: Wikzyy <alwi.erdi4@gmail.com>
Date: Mon, 24 Mar 2025 15:34:41 +0700
Subject: [PATCH 4/4] fix table rows per page

---
 .../manage-menu/hooks/ManageMenusContext.tsx  | 34 +++++++++++++++----
 1 file changed, 27 insertions(+), 7 deletions(-)

diff --git a/src/pages/menu/manage-menu/hooks/ManageMenusContext.tsx b/src/pages/menu/manage-menu/hooks/ManageMenusContext.tsx
index fcdf17c..6978302 100644
--- a/src/pages/menu/manage-menu/hooks/ManageMenusContext.tsx
+++ b/src/pages/menu/manage-menu/hooks/ManageMenusContext.tsx
@@ -174,15 +174,31 @@ const ManageMenusContextProvider = ({ children }: { children: React.ReactNode })
   );
 
   const flattenChildren = (parent: any, parentIdx: number, depth = 0, parentName = '') => {
+    let result: any[] = [];
+
     if (parent.link === '/') {
       if (!parents.find((el: any) => el.id === parent.id))
         setParents((el: any) => [...el, { id: parent.id, name: parent.name }]); // GET PARENTS
-    }
-    if (!parent.children || parent.children.length === 0) {
-      return []; // Jika tidak ada children, kembalikan array kosong
+
+      // Menambahkan parent ke dalam result meskipun tidak memiliki children
+      result.push({
+        id: parent.id,
+        module: parent.module,
+        parentName: parentName || parent.name,
+        name: parent.name,
+        link: parent.link,
+        id_parent: parent.id_parent,
+        status: parent.status,
+        order_number: parent.order_number
+      });
     }
 
-    return parent.children.flatMap((child: any, childIdx: number) => {
+    // Jika parent tidak memiliki children, langsung return hasil yang sudah ada
+    if (!parent.children || parent.children.length === 0) {
+      return result;
+    }
+
+    const childrenFlattened = parent.children.flatMap((child: any, childIdx: number) => {
       if (child.children && child.children.length > 0) {
         return flattenChildren(child, parentIdx * 100 + childIdx, depth + 1, child.name);
       }
@@ -198,6 +214,9 @@ const ManageMenusContextProvider = ({ children }: { children: React.ReactNode })
         order_number: parent.order_number
       };
     });
+
+    // Gabungkan parent dengan children yang sudah diflatten
+    return [...result, ...childrenFlattened];
   };
 
   const getMenusLists = async (page: number, limit: number, sorting: any, filter: any) => {
@@ -221,10 +240,11 @@ const ManageMenusContextProvider = ({ children }: { children: React.ReactNode })
       );
 
       const total_count = transformedData.length;
+      const paginatedData = transformedData.slice(page * limit, (page + 1) * limit);
 
       console.log(response.data);
-      setMenus(transformedData);
-      return { data: transformedData, totalCount: total_count };
+      // setMenus(transformedData);
+      return { data: paginatedData, totalCount: total_count };
     } catch (error) {
       console.error('Error fetching Menus', error);
       return { data: [], totalCount: 0 };
@@ -251,7 +271,7 @@ const ManageMenusContextProvider = ({ children }: { children: React.ReactNode })
 
       <DataGridProvider
         columns={columns}
-        pagination={{ size: 50, page: 0, more: false }}
+        pagination={{ size: 25 }}
         toolbar={<ListToolbar />}
         layout={{ card: true }}
         sorting={[{ id: 'id', desc: false }]}