From 95af1770991398ed65755376cd9715492156b53b Mon Sep 17 00:00:00 2001
From: Wikzyy <alwi.erdi4@gmail.com>
Date: Wed, 16 Apr 2025 13:34:40 +0700
Subject: [PATCH 1/3] add search button for searching

---
 .../master/aldeias/blocks/ListToolbar.tsx     | 22 +++++++++++++++--
 .../master/municipios/blocks/ListToolbar.tsx  | 21 ++++++++++++++--
 .../master/postoadms/blocks/ListToolbar.tsx   |  1 -
 src/pages/master/sucos/blocks/ListToolbar.tsx | 24 +++++++++++++++----
 .../master/sucos/hooks/ManageSucosContext.tsx |  4 ++--
 5 files changed, 61 insertions(+), 11 deletions(-)

diff --git a/src/pages/master/aldeias/blocks/ListToolbar.tsx b/src/pages/master/aldeias/blocks/ListToolbar.tsx
index efbb499..085ac6e 100644
--- a/src/pages/master/aldeias/blocks/ListToolbar.tsx
+++ b/src/pages/master/aldeias/blocks/ListToolbar.tsx
@@ -1,10 +1,22 @@
 import { DefaultTooltip, KeenIcon, useDataGrid } from '@/components';
 import { Button } from '@/components/ui/button';
 import { useManageAldeiasContext } from '../hooks/useManageAldeiasContext';
+import React, { useState } from 'react';
 
 const ListToolbar = () => {
   const { table, reload } = useDataGrid();
   const { handleAddDialog, handleSearchDialog } = useManageAldeiasContext();
+  const [searchValue, setSearchValue] = useState('');
+
+  const handleKeyDown = (event: React.KeyboardEvent) => {
+    if (event.key === 'Enter') {
+      handleSearch();
+    }
+  };
+
+  const handleSearch = () => {
+    table.getColumn('name')?.setFilterValue(searchValue);
+  };
 
   return (
     <div className="card-header flex-wrap gap-2 border-b-0 px-5">
@@ -16,10 +28,16 @@ const ListToolbar = () => {
               <input
                 type="text"
                 placeholder="Search Aldeia"
-                value={(table.getColumn('name')?.getFilterValue() as string) ?? ''}
-                onChange={(event) => table.getColumn('name')?.setFilterValue(event.target.value)}
+                value={searchValue}
+                onChange={(event) => setSearchValue(event.target.value)}
+                onKeyDown={handleKeyDown}
               />
             </label>
+            <DefaultTooltip title={'Search'} placement={'top'}>
+              <Button variant="outline" className="h-7.5" onClick={handleSearch}>
+                <KeenIcon icon="magnifier" />
+              </Button>
+            </DefaultTooltip>
             {/* <DefaultTooltip title={'Filter'} placement={'top'}>
               <Button
                 variant="outline"
diff --git a/src/pages/master/municipios/blocks/ListToolbar.tsx b/src/pages/master/municipios/blocks/ListToolbar.tsx
index 0647062..c8415b5 100644
--- a/src/pages/master/municipios/blocks/ListToolbar.tsx
+++ b/src/pages/master/municipios/blocks/ListToolbar.tsx
@@ -9,6 +9,7 @@ const ListToolbar = () => {
   const { handleAddDialog, handleSearchDialog } = useManageMunicipiosContext();
   const [searchName, setSearchName] = useState('');
   const [isLoading, setIsLoading] = useState(false);
+  const [searchValue, setSearchValue] = useState('');
 
   const handleFilterData = useCallback(() => {
     try {
@@ -19,6 +20,16 @@ const ListToolbar = () => {
     }
   }, [searchName, table]);
 
+  const handleKeyDown = (event: React.KeyboardEvent) => {
+    if (event.key === 'Enter') {
+      handleSearch();
+    }
+  };
+
+  const handleSearch = () => {
+    table.getColumn('name')?.setFilterValue(searchValue);
+  };
+
   return (
     <div className="card-header flex-wrap gap-2 border-b-0 px-5">
       <div className="flex flex-wrap gap-2 lg:gap-5 w-full">
@@ -29,10 +40,16 @@ const ListToolbar = () => {
               <input
                 type="text"
                 placeholder="Search Municipio"
-                value={(table.getColumn('name')?.getFilterValue() as string) ?? ''}
-                onChange={(event) => table.getColumn('name')?.setFilterValue(event.target.value)}
+                value={searchValue}
+                onChange={(event) => setSearchValue(event.target.value)}
+                onKeyDown={handleKeyDown}
               />
             </label>
+            <DefaultTooltip title={'Search'} placement={'top'}>
+              <Button variant="outline" className="h-7.5" onClick={handleSearch}>
+                <KeenIcon icon="magnifier" />
+              </Button>
+            </DefaultTooltip>
             {/* <DefaultTooltip title={'Filter'} placement={'top'}>
               <Button
                 variant="outline"
diff --git a/src/pages/master/postoadms/blocks/ListToolbar.tsx b/src/pages/master/postoadms/blocks/ListToolbar.tsx
index 2aa2714..ed9f7eb 100644
--- a/src/pages/master/postoadms/blocks/ListToolbar.tsx
+++ b/src/pages/master/postoadms/blocks/ListToolbar.tsx
@@ -8,7 +8,6 @@ const ListToolbar = () => {
   const { table, reload } = useDataGrid();
   const { handleAddDialog, handleSearchDialog } = useManagePostoAdmsContext();
   const [searchPosto, setSearchPosto] = useState('');
-  const [searchMunicipio, setSearchMunicipio] = useState('');
 
   const handleKeyDown = (event: React.KeyboardEvent) => {
     if (event.key === 'Enter') {
diff --git a/src/pages/master/sucos/blocks/ListToolbar.tsx b/src/pages/master/sucos/blocks/ListToolbar.tsx
index 884ffaf..9e644c4 100644
--- a/src/pages/master/sucos/blocks/ListToolbar.tsx
+++ b/src/pages/master/sucos/blocks/ListToolbar.tsx
@@ -1,10 +1,22 @@
 import { DefaultTooltip, KeenIcon, useDataGrid } from '@/components';
 import { Button } from '@/components/ui/button';
 import { useManageSucosContext } from '../hooks/useManageSucosContext';
+import React, { useState } from 'react';
 
 const ListToolbar = () => {
   const { table, reload } = useDataGrid();
   const { handleAddDialog, handleSearchDialog } = useManageSucosContext();
+  const [searchValue, setSearchValue] = useState('');
+
+  const handleKeyDown = (event: React.KeyboardEvent) => {
+    if (event.key === 'Enter') {
+      handleSearch();
+    }
+  };
+
+  const handleSearch = () => {
+    table.getColumn('sucos_name')?.setFilterValue(searchValue);
+  };
 
   return (
     <div className="card-header flex-wrap gap-2 border-b-0 px-5">
@@ -16,12 +28,16 @@ const ListToolbar = () => {
               <input
                 type="text"
                 placeholder="Search Sucos"
-                value={String(table.getColumn(`sucos_name`)?.getFilterValue() ?? '')}
-                onChange={(event) =>
-                  table.getColumn('sucos_name')?.setFilterValue(event.target.value)
-                }
+                value={searchValue}
+                onChange={(event) => setSearchValue(event.target.value)}
+                onKeyDown={handleKeyDown}
               />
             </label>
+            <DefaultTooltip title={'Search'} placement={'top'}>
+              <Button variant="outline" className="h-7.5" onClick={handleSearch}>
+                <KeenIcon icon="magnifier" />
+              </Button>
+            </DefaultTooltip>
             {/* <DefaultTooltip title={'Filter'} placement={'top'}>
               <Button
                 variant="outline"
diff --git a/src/pages/master/sucos/hooks/ManageSucosContext.tsx b/src/pages/master/sucos/hooks/ManageSucosContext.tsx
index 05bd3c5..71f3f0c 100644
--- a/src/pages/master/sucos/hooks/ManageSucosContext.tsx
+++ b/src/pages/master/sucos/hooks/ManageSucosContext.tsx
@@ -86,7 +86,7 @@ const ManageSucosContextProvider = ({ children }: { children: React.ReactNode })
   const columns = useMemo<ColumnDef<any>[]>(
     () => [
       {
-        accessorFn: (row) => row.sucos_name,
+        accessorFn: (row) => row.name,
         id: 'sucos_name',
         filterFn: (row, columnId, filterValue) => {
           const value = row.getValue<string>(columnId);
@@ -100,7 +100,7 @@ const ManageSucosContextProvider = ({ children }: { children: React.ReactNode })
         }
       },
       {
-        accessorKey: 'posto_name',
+        accessorKey: 'posto.name',
         id: 'posto_name',
         filterFn: (row, columnId, filterValue) => {
           const value = row.getValue<string>(columnId);

From 1d85eb7a87bc8c45a111a8de0dfb830fd0b2b4e4 Mon Sep 17 00:00:00 2001
From: Narul Hidayah <narulhidayah9923@gmail.com>
Date: Wed, 16 Apr 2025 13:47:26 +0700
Subject: [PATCH 2/3] transaction topup & disbursement fixing

---
 .../TransactionDisbursement.tsx               | 34 +++++++++----------
 .../transaction/topup/TransactionTopup.tsx    |  1 -
 2 files changed, 17 insertions(+), 18 deletions(-)

diff --git a/src/pages/transaction/disbursement-saldo/TransactionDisbursement.tsx b/src/pages/transaction/disbursement-saldo/TransactionDisbursement.tsx
index e2f6cba..e608cd6 100644
--- a/src/pages/transaction/disbursement-saldo/TransactionDisbursement.tsx
+++ b/src/pages/transaction/disbursement-saldo/TransactionDisbursement.tsx
@@ -11,7 +11,7 @@ import { toast } from 'sonner';
 
 const TransactionDisbursement = () => {
   const [form, setForm] = useState({
-    customerId: '',
+    msisdn: '',
     amount: '',
     pin: ''
   });
@@ -21,22 +21,21 @@ const TransactionDisbursement = () => {
   const handleSubmit = async (e: any) => {
     e.preventDefault();
     console.log('Submitted Data:', form);
-    if (form.amount == '' || form.customerId == '' || form.pin == '') {
+    if (form.amount == '' || form.msisdn == '' || form.pin == '') {
       toast.warning('Please fill in all required fields.')
       return
     }
     try {
-      // let requestTopup = await PostData(`${API_URL}/transaction/request-topup`, {
-      //   amount: form.topupAmount,
-      //   pin: form.pin
-      // })
-      // console.log(requestTopup)
-      // if (requestTopup?.status == true) {
-      //   toast.success('Success Request Topup')
-      // } else {
-      //   toast.warning(`${requestTopup?.message}`)
-      // }
-      toast.warning('Failed')
+      let requestTopup = await PostData(`${API_URL}/transaction/topup-downline`, {
+        msisdn_destination: form.msisdn,
+        amount: form.amount,
+        pin: form.pin
+      })
+      if (requestTopup?.status == true) {
+        toast.success('Success Request Topup')
+      } else {
+        toast.warning(`${requestTopup?.message}`)
+      }
     } catch (error) {
       toast.warning('Failed')
     }
@@ -68,11 +67,12 @@ const TransactionDisbursement = () => {
                 {/* form */}
                 <form onSubmit={handleSubmit} className="space-y-6">
                 <div>
-                  <label htmlFor="customerId">Customer ID</label><span className="text-red-500">*</span>
+                  <label htmlFor="msisdn">Destination MSISDN</label><span className="text-red-500">*</span>
                   <Input
-                    id="customerId"
-                    value={form.customerId}
-                    onChange={(e) => setForm({ ...form, customerId: e.target.value })}
+                    id="msisdn"
+                    type="number"
+                    value={form.msisdn}
+                    onChange={(e) => setForm({ ...form, msisdn: e.target.value })}
                   />
                 </div>
                 <div>
diff --git a/src/pages/transaction/topup/TransactionTopup.tsx b/src/pages/transaction/topup/TransactionTopup.tsx
index ed81fe3..9552360 100644
--- a/src/pages/transaction/topup/TransactionTopup.tsx
+++ b/src/pages/transaction/topup/TransactionTopup.tsx
@@ -30,7 +30,6 @@ const TransactionTopup = () => {
         amount: form.topupAmount,
         pin: form.pin
       })
-      console.log(requestTopup)
       if (requestTopup?.status == true) {
         toast.success('Success Request Topup')
       } else {

From ed4b2f14718600f9f9ce7a402933d43a89588821 Mon Sep 17 00:00:00 2001
From: Wikzyy <alwi.erdi4@gmail.com>
Date: Wed, 16 Apr 2025 14:07:14 +0700
Subject: [PATCH 3/3] fix searching and pagination after filtering

---
 .../master/aldeias/blocks/ListToolbar.tsx     |  1 +
 .../master/municipios/blocks/ListToolbar.tsx  |  1 +
 .../master/postoadms/blocks/ListToolbar.tsx   |  1 +
 src/pages/master/sucos/blocks/ListToolbar.tsx |  1 +
 .../master/sucos/hooks/ManageSucosContext.tsx |  2 +-
 .../master/wallet/blocks/ListToolbar.tsx      | 25 ++++++++++++++++---
 .../wallet/hooks/ManageWalletContext.tsx      |  2 +-
 7 files changed, 27 insertions(+), 6 deletions(-)

diff --git a/src/pages/master/aldeias/blocks/ListToolbar.tsx b/src/pages/master/aldeias/blocks/ListToolbar.tsx
index 085ac6e..c5c77ab 100644
--- a/src/pages/master/aldeias/blocks/ListToolbar.tsx
+++ b/src/pages/master/aldeias/blocks/ListToolbar.tsx
@@ -16,6 +16,7 @@ const ListToolbar = () => {
 
   const handleSearch = () => {
     table.getColumn('name')?.setFilterValue(searchValue);
+    table.setPageIndex(0);
   };
 
   return (
diff --git a/src/pages/master/municipios/blocks/ListToolbar.tsx b/src/pages/master/municipios/blocks/ListToolbar.tsx
index c8415b5..140850c 100644
--- a/src/pages/master/municipios/blocks/ListToolbar.tsx
+++ b/src/pages/master/municipios/blocks/ListToolbar.tsx
@@ -28,6 +28,7 @@ const ListToolbar = () => {
 
   const handleSearch = () => {
     table.getColumn('name')?.setFilterValue(searchValue);
+    table.setPageIndex(0);
   };
 
   return (
diff --git a/src/pages/master/postoadms/blocks/ListToolbar.tsx b/src/pages/master/postoadms/blocks/ListToolbar.tsx
index ed9f7eb..6d2e7ca 100644
--- a/src/pages/master/postoadms/blocks/ListToolbar.tsx
+++ b/src/pages/master/postoadms/blocks/ListToolbar.tsx
@@ -17,6 +17,7 @@ const ListToolbar = () => {
 
   const handleSearch = () => {
     table.getColumn('name')?.setFilterValue(searchPosto);
+    table.setPageIndex(0);
   };
 
   return (
diff --git a/src/pages/master/sucos/blocks/ListToolbar.tsx b/src/pages/master/sucos/blocks/ListToolbar.tsx
index 9e644c4..75e52e4 100644
--- a/src/pages/master/sucos/blocks/ListToolbar.tsx
+++ b/src/pages/master/sucos/blocks/ListToolbar.tsx
@@ -16,6 +16,7 @@ const ListToolbar = () => {
 
   const handleSearch = () => {
     table.getColumn('sucos_name')?.setFilterValue(searchValue);
+    table.setPageIndex(0);
   };
 
   return (
diff --git a/src/pages/master/sucos/hooks/ManageSucosContext.tsx b/src/pages/master/sucos/hooks/ManageSucosContext.tsx
index 71f3f0c..c77539a 100644
--- a/src/pages/master/sucos/hooks/ManageSucosContext.tsx
+++ b/src/pages/master/sucos/hooks/ManageSucosContext.tsx
@@ -159,7 +159,7 @@ const ManageSucosContextProvider = ({ children }: { children: React.ReactNode })
         filter: JSON.stringify(filter)
       });
       // console.log('Sucos List Response:', response?.data);
-      setSucos(response?.data.list || []); // Pastikan default value adalah array kosong
+      setSucos(response?.data.list || []);
       return { data: response?.data.list, totalCount: response?.data.total_count };
     } catch (error) {
       console.error('Error fetching Sucos', error);
diff --git a/src/pages/master/wallet/blocks/ListToolbar.tsx b/src/pages/master/wallet/blocks/ListToolbar.tsx
index b8a36b3..1e38aa5 100644
--- a/src/pages/master/wallet/blocks/ListToolbar.tsx
+++ b/src/pages/master/wallet/blocks/ListToolbar.tsx
@@ -1,10 +1,23 @@
 import { DefaultTooltip, KeenIcon, useDataGrid } from '@/components';
 import { Button } from '@/components/ui/button';
 import { useManageWalletContext } from '../hooks/useManageWalletContext';
+import React, { useState } from 'react';
 
 const ListToolbar = () => {
   const { reload, table } = useDataGrid();
   const { handleAddDialog } = useManageWalletContext();
+  const [searchValue, setSearchValue] = useState('');
+
+  const handleKeyDown = (event: React.KeyboardEvent) => {
+    if (event.key === 'Enter') {
+      handleSearch();
+    }
+  };
+
+  const handleSearch = () => {
+    table.getColumn('wallets.name')?.setFilterValue(searchValue);
+    table.setPageIndex(0);
+  };
 
   return (
     <div className="card-header flex-wrap gap-2 border-b-0 px-5">
@@ -16,12 +29,16 @@ const ListToolbar = () => {
               <input
                 type="text"
                 placeholder="Search Wallet"
-                value={(table.getColumn('wallets.name')?.getFilterValue() as string) ?? ''}
-                onChange={(event) =>
-                  table.getColumn('wallets.name')?.setFilterValue(event.target.value)
-                }
+                value={searchValue}
+                onChange={(event) => setSearchValue(event.target.value)}
+                onKeyDown={handleKeyDown}
               />
             </label>
+            <DefaultTooltip title={'Search'} placement={'top'}>
+              <Button variant="outline" className="h-7.5" onClick={handleSearch}>
+                <KeenIcon icon="magnifier" />
+              </Button>
+            </DefaultTooltip>
             {/* <DefaultTooltip title={'Filter'} placement={'top'}>
               <Button
                 variant="outline"
diff --git a/src/pages/master/wallet/hooks/ManageWalletContext.tsx b/src/pages/master/wallet/hooks/ManageWalletContext.tsx
index 823d6eb..90224dd 100644
--- a/src/pages/master/wallet/hooks/ManageWalletContext.tsx
+++ b/src/pages/master/wallet/hooks/ManageWalletContext.tsx
@@ -146,7 +146,7 @@ const ManageWalletContextProvider = ({ children }: { children: React.ReactNode }
   const getWalletLists = async (page: number, limit: number, sorting: any, filter: any) => {
     try {
       sorting = sorting.length == 0 ? [{ id: 'name', desc: false }] : sorting;
-      filter = filter.length == 0 ? {} : { name: { like: `%${filter[0].value?.toLowerCase()}%` } };
+      filter = filter.length == 0 ? {} : { 'wallets.name': { like: `%${filter[0].value?.toLowerCase()}%` } };
       const response = await GetData(`${API_URL_MASTER_DATA}/wallet/list`, {
         limit,
         page: page + 1,