From 7759d0cfc437e7974bfc92f2a555600e4a916511 Mon Sep 17 00:00:00 2001
From: Wikzyy <alwi.erdi4@gmail.com>
Date: Wed, 12 Mar 2025 10:49:56 +0700
Subject: [PATCH 1/4] fix dataTable add updata and delete

---
 .../account/manage-account/ManageAccount.tsx  | 71 ++++++++++---------
 1 file changed, 39 insertions(+), 32 deletions(-)

diff --git a/src/pages/account/manage-account/ManageAccount.tsx b/src/pages/account/manage-account/ManageAccount.tsx
index b2a5f31..7663276 100644
--- a/src/pages/account/manage-account/ManageAccount.tsx
+++ b/src/pages/account/manage-account/ManageAccount.tsx
@@ -34,47 +34,54 @@ const ManageAccount = () => {
   const { GetData } = useCallApi();
   // console.log(accounts);
 
-  useEffect(() => {
-    const fetchAccount = async () => {
-      try {
-        const response = await fetch(`${API_URL}/user/list`);
-        const data: Account[] = await response.json();
-        setAccounts(data);
-      } catch (error) {
-        console.error('Error fetching data', error);
-      }
-    };
+  // useEffect(() => {
+  //   const fetchAccount = async () => {
+  //     try {
+  //       const response = await axios.get(`${API_URL}/user/list`);
+  //       console.log(response);
+  //       const data: Account[] = response.data;
+  //       setAccounts(data);
+  //     } catch (error) {
+  //       console.error('Error fetching data', error);
+  //     }
+  //   };
 
-    fetchAccount();
-  }, []);
+  //   fetchAccount();
+  // }, []);
 
-  // const fetchAccount = async (page: number, limit: number, sorting: any, filter: any) => {
-  //   try {
-  //     const response = await GetData(`${API_URL}/user/list`, {
-  //       limit: limit,
-  //       page: page + 1,
-  //       with_deleted: true,
-  //       order_field: sorting[0].id,
-  //       order_direction: sorting[0].desc == false ? 'ASC' : 'DESC',
-  //       filter: JSON.stringify(filter)
-  //     });
+  const fetchAccount = async (page: number, limit: number, sorting: any, filter: any) => {
+    try {
+      const response = await GetData(`${API_URL}/user/list`, {
+        limit: limit,
+        page: page + 1,
+        with_deleted: true,
+        order_field: sorting[0].id,
+        order_direction: sorting[0].desc == false ? 'ASC' : 'DESC',
+        filter: JSON.stringify(filter)
+      });
 
-  //     setAccounts(response?.data.list);
+      console.log(response?.data.list);
+      setAccounts(response?.data.list);
 
-  //     return {
-  //       data: response?.data.list,
-  //       totalCount: response?.data.total_count
-  //     };
-  //   } catch (error) {
-  //     console.log(error);
-  //   }
-  // };
+      return {
+        data: response?.data.list,
+        totalCount: response?.data.total_count
+      };
+    } catch (error) {
+      console.log(error);
+    }
+  };
 
   return (
     <div>
       <div className="container mx-auto p-5">
         <h1 className="text-xl font-medium leading-none text-gray-900 p-5">Manage Account</h1>
-        <DataTable columns={columns} data={dataAccount} />
+        <DataTable
+          columns={columns}
+          data={dataAccount}
+          onUpdate={() => console.log('update')}
+          onDelete={() => console.log('delete')}
+        />
       </div>
     </div>
   );

From 4eaccf24727733f92ba4b42dc20dd678f5d76f08 Mon Sep 17 00:00:00 2001
From: Wikzyy <alwi.erdi4@gmail.com>
Date: Thu, 13 Mar 2025 14:31:12 +0700
Subject: [PATCH 2/4] update column title

---
 src/pages/master/postoadms/hooks/ManagePostoAdmsContext.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/pages/master/postoadms/hooks/ManagePostoAdmsContext.tsx b/src/pages/master/postoadms/hooks/ManagePostoAdmsContext.tsx
index 971470b..b7c6406 100644
--- a/src/pages/master/postoadms/hooks/ManagePostoAdmsContext.tsx
+++ b/src/pages/master/postoadms/hooks/ManagePostoAdmsContext.tsx
@@ -94,7 +94,9 @@ const ManagePostoAdmsContextProvider = ({ children }: { children: React.ReactNod
       {
         accessorFn: (row) => row.name,
         id: 'name',
-        header: ({ column }) => <DataGridColumnHeader title="Municipios Name" column={column} />,
+        header: ({ column }) => (
+          <DataGridColumnHeader title="Posto Administrativo Name" column={column} />
+        ),
         enableSorting: true,
         enableHiding: false,
         meta: {

From 07918aafed9d3a4db6637c37098d7e0ce820f7a7 Mon Sep 17 00:00:00 2001
From: Wikzyy <alwi.erdi4@gmail.com>
Date: Thu, 13 Mar 2025 14:49:35 +0700
Subject: [PATCH 3/4] fix postoadms

---
 .../master/postoadms/blocks/ListToolbar.tsx   |  6 ++++--
 .../master/postoadms/blocks/SearchDialog.tsx  | 16 +++++++-------
 .../hooks/ManagePostoAdmsContext.tsx          | 21 ++++++++++++++-----
 3 files changed, 28 insertions(+), 15 deletions(-)

diff --git a/src/pages/master/postoadms/blocks/ListToolbar.tsx b/src/pages/master/postoadms/blocks/ListToolbar.tsx
index ee55545..0be25e2 100644
--- a/src/pages/master/postoadms/blocks/ListToolbar.tsx
+++ b/src/pages/master/postoadms/blocks/ListToolbar.tsx
@@ -17,8 +17,10 @@ const ListToolbar = () => {
               <input
                 type="text"
                 placeholder="Search Postu Administrativo"
-                value={(table.getColumn('name')?.getFilterValue() as string) ?? ''}
-                onChange={(event) => table.getColumn('name')?.setFilterValue(event.target.value)}
+                value={(table.getColumn('posto_adms_name')?.getFilterValue() as string) ?? ''}
+                onChange={(event) =>
+                  table.getColumn('posto_adms_name')?.setFilterValue(event.target.value)
+                }
               />
             </label>
             <DefaultTooltip title={'Filter'} placement={'top'}>
diff --git a/src/pages/master/postoadms/blocks/SearchDialog.tsx b/src/pages/master/postoadms/blocks/SearchDialog.tsx
index 6644165..1277ccb 100644
--- a/src/pages/master/postoadms/blocks/SearchDialog.tsx
+++ b/src/pages/master/postoadms/blocks/SearchDialog.tsx
@@ -82,7 +82,7 @@ const SearchDialog = () => {
   // console.log(municipios);
   return (
     <Dialog open={showSearchDialog} onOpenChange={(open) => handleSearchDialog(open)}>
-      <DialogContent className="container-fixed max-w-96 flex flex-col p-5 overflow-hidden [&>button]:hidden">
+      <DialogContent className="container-fixed max-w-[700px] flex flex-col p-5 overflow-hidden [&>button]:hidden">
         <DialogTitle></DialogTitle>
         <DialogDescription></DialogDescription>
         <DialogHeader className="p-2 border-0">
@@ -115,18 +115,18 @@ const SearchDialog = () => {
               <div className="card-body grid-cols-6 gap-5 p-0">
                 <div className="grid grid-cols-8 gap-2 w-full items-center">
                   <label className="form-label flex items-center gap-1 col-span-2">
-                    Name<span className="text-red-500">*</span>
+                  Postu Administrativo Name<span className="text-red-500">*</span>
                   </label>
 
                   <Select
                     value={formField.id.toString()}
                     onValueChange={(target) => {
-                      const selectedPostoadms = postoAdms.find((m) => m.id.toString() === target);
+                      const selectedPostoadms = postoAdms.find((m) => m.posto_adms_id.toString() === target);
                       if (selectedPostoadms) {
                         setFormField({
                           ...formField,
-                          id: selectedPostoadms.id,
-                          name: selectedPostoadms.name
+                          id: selectedPostoadms.posto_adms_id,
+                          name: selectedPostoadms.posto_adms_name
                         });
                       }
                     }}
@@ -136,8 +136,8 @@ const SearchDialog = () => {
                     </SelectTrigger>
                     <SelectContent>
                       {postoAdms.map((postoAdm) => (
-                        <SelectItem key={postoAdm.id} value={postoAdm.id.toString()}>
-                          {postoAdm.name}
+                        <SelectItem key={postoAdm.posto_adms_id} value={postoAdm.posto_adms_id.toString()}>
+                          {postoAdm.posto_adms_name}
                         </SelectItem>
                       ))}
                     </SelectContent>
@@ -146,7 +146,7 @@ const SearchDialog = () => {
 
                 {isFound && sucos.length > 0 && (
                   <div className="mt-4 border-t pt-4">
-                    <h2 className="text-md font-semibold">Postu Administravo: </h2>
+                    <h2 className="text-md font-semibold">Sucos: </h2>
                     <br />
                     <div className="flex flex-col">
                       <span className="text-sm form-hint">
diff --git a/src/pages/master/postoadms/hooks/ManagePostoAdmsContext.tsx b/src/pages/master/postoadms/hooks/ManagePostoAdmsContext.tsx
index b7c6406..2b19adc 100644
--- a/src/pages/master/postoadms/hooks/ManagePostoAdmsContext.tsx
+++ b/src/pages/master/postoadms/hooks/ManagePostoAdmsContext.tsx
@@ -9,8 +9,9 @@ import { useNavigate, useParams } from 'react-router';
 import ListToolbar from '../blocks/ListToolbar';
 
 interface PostoAdmsProps {
-  id: number;
-  name: string;
+  posto_adms_id: number;
+  posto_adms_name: string;
+  municipios_name: string;
 }
 
 interface ContextProps {
@@ -82,7 +83,7 @@ const ManagePostoAdmsContextProvider = ({ children }: { children: React.ReactNod
   const columns = useMemo<ColumnDef<any>[]>(
     () => [
       {
-        accessorFn: (row) => row.id,
+        accessorFn: (row) => row.posto_adms_id,
         id: 'id',
         header: ({ column }) => <DataGridColumnHeader title="ID" column={column} />,
         enableSorting: true,
@@ -92,8 +93,8 @@ const ManagePostoAdmsContextProvider = ({ children }: { children: React.ReactNod
         }
       },
       {
-        accessorFn: (row) => row.name,
-        id: 'name',
+        accessorFn: (row) => row.posto_adms_name,
+        id: 'posto_adms_name',
         header: ({ column }) => (
           <DataGridColumnHeader title="Posto Administrativo Name" column={column} />
         ),
@@ -103,6 +104,16 @@ const ManagePostoAdmsContextProvider = ({ children }: { children: React.ReactNod
           headerClassName: 'w-[1000px]'
         }
       },
+      {
+        accessorFn: (row) => row.municipios_name,
+        id: 'municipios_name',
+        header: ({ column }) => <DataGridColumnHeader title="Municipio Name" column={column} />,
+        enableSorting: true,
+        enableHiding: false,
+        meta: {
+          headerClassName: 'w-[1000px]'
+        }
+      },
       {
         id: 'actions',
         header: ({ column }) => <DataGridColumnHeader title="Actions" column={column} />,

From 0ca59401bee9a2e0f32b78dc1d6f324ec12a968f Mon Sep 17 00:00:00 2001
From: Wikzyy <alwi.erdi4@gmail.com>
Date: Thu, 13 Mar 2025 14:50:08 +0700
Subject: [PATCH 4/4] fix search dialog

---
 src/pages/master/municipios/blocks/SearchDialog.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/pages/master/municipios/blocks/SearchDialog.tsx b/src/pages/master/municipios/blocks/SearchDialog.tsx
index 42c1ddf..1b0142f 100644
--- a/src/pages/master/municipios/blocks/SearchDialog.tsx
+++ b/src/pages/master/municipios/blocks/SearchDialog.tsx
@@ -83,14 +83,14 @@ const SearchDialog = () => {
   // console.log(municipios);
   return (
     <Dialog open={showSearchDialog} onOpenChange={(open) => handleSearchDialog(open)}>
-      <DialogContent className="container-fixed max-w-96 flex flex-col p-5 overflow-hidden [&>button]:hidden">
+      <DialogContent className="container-fixed max-w-[700px] flex flex-col p-5 overflow-hidden [&>button]:hidden">
         <DialogTitle></DialogTitle>
         <DialogDescription></DialogDescription>
         <DialogHeader className="p-2 border-0">
           <div className="flex items-center justify-between flex-wrap grow">
             <div className="flex flex-col justify-center">
               <h1 className="text-xl font-semibold leading-none text-gray-900">
-                Search Postu Administravo
+                Search Postoadms
               </h1>
               <div className="flex items-center gap-2 text-sm font-normal text-gray-700"></div>
             </div>
@@ -116,7 +116,7 @@ const SearchDialog = () => {
               <div className="card-body grid-cols-6 gap-5 p-0">
                 <div className="grid grid-cols-8 gap-2 w-full items-center">
                   <label className="form-label flex items-center gap-1 col-span-2">
-                    Name<span className="text-red-500">*</span>
+                    Municipio Name<span className="text-red-500">*</span>
                   </label>
 
                   <Select
@@ -147,7 +147,7 @@ const SearchDialog = () => {
 
                 {isFound && postoadms.length > 0 && (
                   <div className="mt-4 border-t pt-4">
-                    <h2 className="text-md font-semibold">Sucos: </h2>
+                    <h2 className="text-md font-semibold">Postu Administravo: </h2>
                     <br />
                     <div className="flex flex-col">
                       <span className="text-sm form-hint">