From 9dfeac3998b080eb5b825b2b249bfe560c52f35b Mon Sep 17 00:00:00 2001
From: bagusajisaputroo <bagusajisaputro21@gmail.com>
Date: Wed, 30 Apr 2025 16:08:40 +0700
Subject: [PATCH 01/20] adding field status_kind on transfertype

---
 .../transfertype/blocks/AddDialog.tsx         |  33 +++-
 .../transfertype/blocks/EditDialog.tsx        |  33 ++++
 .../transfertype/blocks/ListToolBar.tsx       | 158 ++++++++++++++++--
 .../hooks/ManageTransferTypeContext.tsx       |  54 +++++-
 4 files changed, 255 insertions(+), 23 deletions(-)

diff --git a/src/pages/transfer/transfertype/blocks/AddDialog.tsx b/src/pages/transfer/transfertype/blocks/AddDialog.tsx
index 3705e6f..b71d9b7 100644
--- a/src/pages/transfer/transfertype/blocks/AddDialog.tsx
+++ b/src/pages/transfer/transfertype/blocks/AddDialog.tsx
@@ -82,6 +82,7 @@ const AddDialog = () => {
     status: '',
     type: '',
     status_approval: '',
+    status_kind: '',
     created_by: '',
     created_at: ''
   };
@@ -102,7 +103,8 @@ const AddDialog = () => {
       'wallet_origin',
       'wallet_destination',
       'status',
-      'status_approval'
+      'status_approval',
+      'status_kind'
     ];
 
     const missingFields = requiredFields.filter(
@@ -506,6 +508,35 @@ const AddDialog = () => {
                     </div>
                   </div>
                 </div>
+                <div className="w-full">
+                  <div className="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
+                    <label className="form-label flex items-center gap-1 max-w-56">
+                      Status Kind
+                      <span className="text-red-500">*</span>
+                    </label>
+
+                    <div className="grow">
+                      <Select
+                        value={formField.status_kind}
+                        onValueChange={(value) =>
+                          setFormField((prev) => ({ ...prev, status_kind: value }))
+                        }
+                      >
+                        <SelectTrigger>
+                          <SelectValue placeholder="Select" />
+                        </SelectTrigger>
+                        <SelectContent>
+                          <SelectItem value="R">Return</SelectItem>
+                          <SelectItem value="T">Transfer</SelectItem>
+                          <SelectItem value="P">Purchase</SelectItem>
+                          <SelectItem value="W">Withdraw</SelectItem>
+                          <SelectItem value="U">Top Up</SelectItem>
+                          <SelectItem value="N">Top Up Patner</SelectItem>
+                        </SelectContent>
+                      </Select>
+                    </div>
+                  </div>
+                </div>
 
                 <div className="w-full">
                   <div className="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
diff --git a/src/pages/transfer/transfertype/blocks/EditDialog.tsx b/src/pages/transfer/transfertype/blocks/EditDialog.tsx
index f208fa3..fedac18 100644
--- a/src/pages/transfer/transfertype/blocks/EditDialog.tsx
+++ b/src/pages/transfer/transfertype/blocks/EditDialog.tsx
@@ -79,6 +79,7 @@ const EditDialog = () => {
     status: string;
     type: string;
     status_approval: string;
+    status_kind: string;
     updated_by: string;
     updated_at: string;
     permission: string[];
@@ -91,6 +92,7 @@ const EditDialog = () => {
     maximum_amount: 0,
     max_transaction_per_day: 0,
     status_approval: '',
+    status_kind: '',
     type: '',
     status: '',
     permission: [],
@@ -132,6 +134,7 @@ const EditDialog = () => {
       'wallet_destination',
       'status',
       'status_approval',
+      'status_kind',
       'type'
     ];
 
@@ -345,11 +348,13 @@ const EditDialog = () => {
             maximum_amount: response.data.maximum_amount,
             max_transaction_per_day: response.data.max_transaction_per_day,
             status_approval: response.data.status_approval,
+            status_kind: response.data.status_kind,
             type: response.data.type || '',
             status: response.data.status,
             permission: permissionIds
           }));
         }
+        // console.log(response);
       } catch (error) {
         console.error('Error fetching transaction type', error);
         setAlert({
@@ -640,7 +645,35 @@ const EditDialog = () => {
                     </div>
                   </div>
                 </div>
+                <div className="w-full">
+                  <div className="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
+                    <label className="form-label flex items-center gap-1 max-w-56">
+                      Status Kind
+                      <span className="text-red-500">*</span>
+                    </label>
 
+                    <div className="grow">
+                      <Select
+                        value={formField.status_kind}
+                        onValueChange={(value) =>
+                          setFormField((prev) => ({ ...prev, status_kind: value }))
+                        }
+                      >
+                        <SelectTrigger>
+                          <SelectValue placeholder="Select" />
+                        </SelectTrigger>
+                        <SelectContent>
+                          <SelectItem value="R">Return</SelectItem>
+                          <SelectItem value="T">Transfer</SelectItem>
+                          <SelectItem value="P">Purchase</SelectItem>
+                          <SelectItem value="W">Withdraw</SelectItem>
+                          <SelectItem value="U">Top Up</SelectItem>
+                          <SelectItem value="N">Top Up Patner</SelectItem>
+                        </SelectContent>
+                      </Select>
+                    </div>
+                  </div>
+                </div>
                 <div className="w-full">
                   <div className="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                     <label className="form-label flex items-center gap-1 max-w-56">
diff --git a/src/pages/transfer/transfertype/blocks/ListToolBar.tsx b/src/pages/transfer/transfertype/blocks/ListToolBar.tsx
index 47833ba..8883806 100644
--- a/src/pages/transfer/transfertype/blocks/ListToolBar.tsx
+++ b/src/pages/transfer/transfertype/blocks/ListToolBar.tsx
@@ -2,55 +2,181 @@ import { DefaultTooltip, KeenIcon, useDataGrid } from '@/components';
 import { useManageTransferTypeContext } from '../hooks/useManageTransferTypeContext';
 import { Button } from '@/components/ui/button';
 import { useEffect, useState } from 'react';
+import {
+  Select,
+  SelectTrigger,
+  SelectValue,
+  SelectContent,
+  SelectItem
+} from '@/components/ui/select';
+import { apiConfig } from '@/config/api.config';
+import { useCallApi } from '@/hooks';
+
+interface TransferType {
+  id: number;
+  name: string;
+  type: string;
+  wallet_origin: { id: number; name: string };
+  wallet_destination: { id: number; name: string };
+  status_approval: string;
+}
+
+const API_URL = apiConfig.service_transaction;
 
 const ListToolbar = () => {
   const { table, reload } = useDataGrid();
-  const { handleAddDialog, handleEditDialog } = useManageTransferTypeContext();
-  
-  const [searchValue, setSearchValue] = useState<string>((table.getColumn('name')?.getFilterValue() as string) ?? '');
+  const { handleAddDialog } = useManageTransferTypeContext();
+  const [transferTypes, setTransferTypes] = useState<TransferType[]>([]);
+  const { GetData } = useCallApi();
+
+  const [searchValue, setSearchValue] = useState('');
+  const [statusTypes, setStatusTypes] = useState('');
+  const [walletOrigins, setWalletOrigin] = useState('');
+  const [walletDestinations, setWalletDestination] = useState('');
+  const [approval, setApproval] = useState('');
+
+  const unique = (arr: string[]) => Array.from(new Set(arr));
+  const types = unique(transferTypes.map((t) => t.type));
+  const origins = unique(transferTypes.map((t) => t.wallet_origin.name));
+  const destinations = unique(transferTypes.map((t) => t.wallet_destination.name));
 
   useEffect(() => {
     const timer = setTimeout(() => {
+
       table.getColumn('name')?.setFilterValue(searchValue);
       table.setPageIndex(0);
     }, 200);
-
     return () => clearTimeout(timer);
-  }, [searchValue, table]);
+  }, [searchValue]);
+
+  useEffect(() => {
+    table.getColumn('type')?.setFilterValue(statusTypes);
+  }, [statusTypes]);
+
+  useEffect(() => {
+    table
+      .getColumn('wallet_origin')
+      ?.setFilterValue(walletOrigins === '__all__' ? '' : walletOrigins);
+  }, [walletOrigins]);
+
+  useEffect(() => {
+    table
+      .getColumn('wallet_destination')
+      ?.setFilterValue(walletDestinations === '__all__' ? '' : walletDestinations);
+  }, [walletDestinations]);
+
+  useEffect(() => {
+    table.getColumn('status_approval')?.setFilterValue(approval);
+  }, [approval]);
+
+  const fetchTransferTypes = async () => {
+    try {
+      const response = await GetData(`${API_URL}/transactiontype/list`, {
+        limit: 100,
+        page: 1,
+        with_deleted: false,
+        order_field: 'created_at',
+        order_direction: 'ASC'
+      });
+      setTransferTypes(response?.data.list || []);
+    } catch (error) {
+      console.error('Error fetching transfer types', error);
+    }
+  };
+
+  useEffect(() => {
+    fetchTransferTypes();
+  }, []);
+
+  const handleClearFilter = () => {
+    setSearchValue('');
+    setStatusTypes('__all__');
+    setWalletOrigin('__all__');
+    setWalletDestination('__all__');
+    setApproval('__all__');
+    table.getColumn('name')?.setFilterValue('');
+    table.getColumn('type')?.setFilterValue('');
+    table.getColumn('wallet_origin')?.setFilterValue('');
+    table.getColumn('wallet_destination')?.setFilterValue('');
+    table.getColumn('status_approval')?.setFilterValue('');
+    table.setPageIndex(0);
+  };
+
+  const renderSelect = (
+    placeholder: string,
+    value: string,
+    onChange: (val: string) => void,
+    options: string[]
+  ) => (
+    <div className="min-w-[220px]">
+      <Select value={value === '' ? undefined : value} onValueChange={onChange}>
+        <SelectTrigger className="h-8 text-sm">
+          <SelectValue placeholder={placeholder} />
+        </SelectTrigger>
+        <SelectContent>
+          {options.map((opt) => (
+            <SelectItem key={opt} value={opt}>
+              {opt}
+            </SelectItem>
+          ))}
+        </SelectContent>
+      </Select>
+    </div>
+  );
 
   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">
-        <div className="flex justify-between w-full items-center">
-          <div className="flex w-[50%] gap-3 items-center">
-            <label className="input input-sm w-1/3">
+        <div className="flex justify-between w-full items-center mb-3">
+          <div className="flex w-[34%] gap-2 items-center">
+            <label className="input input-sm w-full text-sm">
               <KeenIcon icon="magnifier" />
               <input
                 type="text"
-                placeholder="Search Transaction Type"
+                placeholder="Search Transaction Type Name"
                 value={searchValue}
-                onChange={(event) => setSearchValue(event.target.value)}
+                onChange={(e) => setSearchValue(e.target.value)}
               />
             </label>
           </div>
-          <div className="flex gap-3 items-center">
+
+          <div className="flex gap-2 items-center">
+            <Button variant="outline" className="h-8 px-3 text-xs" onClick={handleClearFilter}>
+              Clear
+            </Button>
             <Button
               variant="outline"
-              className="h-7.5 text-[0.8rem]"
+              className="h-8 px-3 text-xs"
               onClick={() => handleAddDialog(true)}
             >
-              Add Data
+              Add
             </Button>
-            <DefaultTooltip title={'Refresh'} placement={'top'}>
-              <Button variant="outline" className="h-7.5" onClick={() => reload()}>
+            <DefaultTooltip title="Refresh" placement="top">
+              <Button variant="outline" className="h-8 px-3" onClick={() => reload()}>
                 <KeenIcon icon="arrows-circle" />
               </Button>
             </DefaultTooltip>
           </div>
         </div>
+
+        {/* Filter bar */}
+        <div className="flex flex-wrap gap-2 w-full">
+          {renderSelect('Select Status Transaction Type', statusTypes, setStatusTypes, types)}
+          {renderSelect('Select Status Approval', approval, setApproval, ['Y', 'N'])}
+          {/* {renderSelect('Select Origin Wallet', walletOrigins, setWalletOrigin, origins)}
+          {renderSelect(
+            'Select Destination Wallet',
+            walletDestinations,
+            setWalletDestination,
+            destinations
+          )} */}
+
+          {/* {renderSelect('Origin', walletOrigins, setWalletOrigin, origins)}
+          {renderSelect('Destination', walletDestinations, setWalletDestination, destinations)} */}
+        </div>
       </div>
     </div>
   );
 };
 
-export default ListToolbar;
\ No newline at end of file
+export default ListToolbar;
diff --git a/src/pages/transfer/transfertype/hooks/ManageTransferTypeContext.tsx b/src/pages/transfer/transfertype/hooks/ManageTransferTypeContext.tsx
index 1167b49..bce10f9 100644
--- a/src/pages/transfer/transfertype/hooks/ManageTransferTypeContext.tsx
+++ b/src/pages/transfer/transfertype/hooks/ManageTransferTypeContext.tsx
@@ -224,6 +224,27 @@ const ManageTransferTypeContextProvider = ({ children }: { children: React.React
         enableHiding: false,
         meta: { headerClassName: 'w-[150px]' }
       },
+      {
+        accessorFn: (row: { status_kind: string }) => {
+          const mapping: Record<string, string> = {
+            R: "Return",
+            T: "Transfer",
+            P: "Purchasem",
+            W: "Withdrawm",
+            U: "Top Up",
+            N: "Top Up Patner"
+          };
+
+          return mapping[row.status_kind] || 'Unknown';
+        },
+        id: 'status_kind',
+        header: ({ column }) => (
+          <DataGridColumnHeader title="Status Kind" column={column} />
+        ),
+        enableSorting: true,
+        enableHiding: false,
+        meta: { headerClassName: 'w-[250px]' }
+      },
       {
         accessorFn: (row) => (row.status_approval === 'Y' ? 'Yes' : 'No'),
         id: 'status_approval',
@@ -266,15 +287,35 @@ const ManageTransferTypeContextProvider = ({ children }: { children: React.React
     page: number,
     limit: number,
     sorting: any,
-    filter: any
+    columnFilters: any
   ) => {
     const orderField = 'created_at';
-
     const orderDirection = sorting.length > 0 ? (sorting[0].desc ? 'DESC' : 'ASC') : 'DESC';
 
-    const searchFilter = debouncedSearchTerm ? { any: debouncedSearchTerm.toLowerCase() } : {};
+    let filterObject: Record<string, any> = {};
 
-    filter = filter.length == 0 ? searchFilter : { any: filter[0].value?.toLowerCase() };
+    if (debouncedSearchTerm) {
+      filterObject["any"] = debouncedSearchTerm.toLowerCase();
+    }
+
+    if (columnFilters.length > 0) {
+      columnFilters.forEach((filter: any) => {
+        if (filter.id && filter.value) {
+          if (filter.id === 'name') {
+            filterObject["any"] = filter.value.toLowerCase();
+          } 
+          else if (filter.id === 'wallet_origin') {
+            filterObject["wallet_origin.name"] = filter.value.toLowerCase();
+          }
+          else if (filter.id === 'wallet_destination') {
+            filterObject["wallet_destination.name"] = filter.value.toLowerCase();
+          }
+          else {
+            filterObject[filter.id] = filter.value.toLowerCase();
+          }
+        }
+      });
+    }
 
     const response = await GetData(`${API_URL}/transactiontype/list`, {
       limit: limit,
@@ -282,8 +323,9 @@ const ManageTransferTypeContextProvider = ({ children }: { children: React.React
       with_deleted: false,
       order_field: orderField,
       order_direction: orderDirection,
-      filter: JSON.stringify(filter)
+      filter: JSON.stringify(filterObject)
     });
+    // console.log(response);
     return { data: response?.data.list, totalCount: response?.data.total_count };
   };
 
@@ -327,4 +369,4 @@ const ManageTransferTypeContextProvider = ({ children }: { children: React.React
 };
 
 export { ManageTransferTypeContext, ManageTransferTypeContextProvider };
-export type { TransferType };
+export type { TransferType };
\ No newline at end of file

From 2a1308aa8f1f9cf2f90c6545dc426f351b3311a1 Mon Sep 17 00:00:00 2001
From: bagusajisaputroo <bagusajisaputro21@gmail.com>
Date: Wed, 30 Apr 2025 16:13:43 +0700
Subject: [PATCH 02/20] fixing filter on tranfer type

---
 .../transfertype/blocks/ListToolBar.tsx       | 37 +++++++++++++++++--
 1 file changed, 33 insertions(+), 4 deletions(-)

diff --git a/src/pages/transfer/transfertype/blocks/ListToolBar.tsx b/src/pages/transfer/transfertype/blocks/ListToolBar.tsx
index 8883806..142751c 100644
--- a/src/pages/transfer/transfertype/blocks/ListToolBar.tsx
+++ b/src/pages/transfer/transfertype/blocks/ListToolBar.tsx
@@ -39,10 +39,31 @@ const ListToolbar = () => {
   const types = unique(transferTypes.map((t) => t.type));
   const origins = unique(transferTypes.map((t) => t.wallet_origin.name));
   const destinations = unique(transferTypes.map((t) => t.wallet_destination.name));
+  const typeLabelMap: Record<string, string> = {
+    D: 'Disbursement',
+    O: 'Other',
+    CA: 'Change Group Emoney Customer to Agent',
+    AC: 'Change Group Emoney Agent to Customer',
+    PC: 'Change Group Point Agent to Customer',
+    PA: 'Change Group Point Customer to Agent',
+    CE: 'Return Customer Emoney',
+    AD: 'Return Agent Deposit',
+    AM: 'Return Agent Merchant',
+    AE: 'Return Agent Emoney',
+    R: 'Reward Point',
+    TE: 'Top Up Escrow',
+    TM: 'Top Up Master Agent',
+    TA: 'Top Up Agent',
+    PL: 'Purchase Loja',
+    DE: 'Disbursment Escrow',
+    DM: 'Disbursment Master Agent',
+    DA: 'Disbursment Agent',
+    WI: 'Withdraw Merchant',
+    IC: 'Income Merchant'
+  };
 
   useEffect(() => {
     const timer = setTimeout(() => {
-
       table.getColumn('name')?.setFilterValue(searchValue);
       table.setPageIndex(0);
     }, 200);
@@ -106,7 +127,8 @@ const ListToolbar = () => {
     placeholder: string,
     value: string,
     onChange: (val: string) => void,
-    options: string[]
+    options: string[],
+    labelMap?: Record<string, string>
   ) => (
     <div className="min-w-[220px]">
       <Select value={value === '' ? undefined : value} onValueChange={onChange}>
@@ -116,13 +138,14 @@ const ListToolbar = () => {
         <SelectContent>
           {options.map((opt) => (
             <SelectItem key={opt} value={opt}>
-              {opt}
+              {labelMap?.[opt] ?? opt}
             </SelectItem>
           ))}
         </SelectContent>
       </Select>
     </div>
   );
+  
 
   return (
     <div className="card-header flex-wrap gap-2 border-b-0 px-5">
@@ -161,7 +184,13 @@ const ListToolbar = () => {
 
         {/* Filter bar */}
         <div className="flex flex-wrap gap-2 w-full">
-          {renderSelect('Select Status Transaction Type', statusTypes, setStatusTypes, types)}
+          {renderSelect(
+            'Select Status Transaction Type',
+            statusTypes,
+            setStatusTypes,
+            types,
+            typeLabelMap
+          )}
           {renderSelect('Select Status Approval', approval, setApproval, ['Y', 'N'])}
           {/* {renderSelect('Select Origin Wallet', walletOrigins, setWalletOrigin, origins)}
           {renderSelect(

From 8beebdb341fa8c88d78c334f5dc7ca6b307118d5 Mon Sep 17 00:00:00 2001
From: Wikzyy <alwi.erdi4@gmail.com>
Date: Wed, 30 Apr 2025 16:23:37 +0700
Subject: [PATCH 03/20] clear form after hit api on disbursement saldo

---
 .../disbursement-saldo/TransactionDisbursement.tsx         | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/pages/transaction/disbursement-saldo/TransactionDisbursement.tsx b/src/pages/transaction/disbursement-saldo/TransactionDisbursement.tsx
index c6a6ff6..9bfbb92 100644
--- a/src/pages/transaction/disbursement-saldo/TransactionDisbursement.tsx
+++ b/src/pages/transaction/disbursement-saldo/TransactionDisbursement.tsx
@@ -128,6 +128,7 @@ const TransactionDisbursement = () => {
     } finally {
       setIsSubmitting(false);
       setShowConfirmation(false);
+      ResetForm();
     }
   };
 
@@ -146,6 +147,12 @@ const TransactionDisbursement = () => {
     // TODO: Kirim ke backend atau proses lainnya
   };
 
+  const ResetForm = () => {
+    setForm(initialForm);
+    setAlert({ show: false, message: '' });
+    setSearchTerm('');
+  };
+
   const handleCancelSubmit = () => {
     setShowConfirmation(false);
   };

From b1b0892d4e99330dc18b94c6f5e8a83844f76888 Mon Sep 17 00:00:00 2001
From: Wikzyy <alwi.erdi4@gmail.com>
Date: Wed, 30 Apr 2025 16:26:12 +0700
Subject: [PATCH 04/20] clear form after hit api on topup request

---
 src/pages/transaction/topup/TransactionTopup.tsx | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/pages/transaction/topup/TransactionTopup.tsx b/src/pages/transaction/topup/TransactionTopup.tsx
index 1b339a0..4fa7af4 100644
--- a/src/pages/transaction/topup/TransactionTopup.tsx
+++ b/src/pages/transaction/topup/TransactionTopup.tsx
@@ -75,6 +75,7 @@ const TransactionTopup = () => {
     } finally {
       setIsSubmitting(false);
       setShowConfirmation(false);
+      ResetForm();
     }
   };
 
@@ -97,6 +98,11 @@ const TransactionTopup = () => {
     setShowConfirmation(false);
   };
 
+  const ResetForm = () => {
+    setForm(initialState);
+    setAlert({ show: false, message: '' });
+  };
+
   return (
     <>
       <Helmet>

From 45974aaa97856ae1935a4a39534bae6d989c90a7 Mon Sep 17 00:00:00 2001
From: Wikzyy <alwi.erdi4@gmail.com>
Date: Wed, 30 Apr 2025 16:41:57 +0700
Subject: [PATCH 05/20] do fetch newest balance after post data on dibursement
 and topup request

---
 .../TransactionDisbursement.tsx               | 64 +++++++++----------
 .../transaction/topup/TransactionTopup.tsx    | 37 +++++------
 2 files changed, 51 insertions(+), 50 deletions(-)

diff --git a/src/pages/transaction/disbursement-saldo/TransactionDisbursement.tsx b/src/pages/transaction/disbursement-saldo/TransactionDisbursement.tsx
index 9bfbb92..6df4d68 100644
--- a/src/pages/transaction/disbursement-saldo/TransactionDisbursement.tsx
+++ b/src/pages/transaction/disbursement-saldo/TransactionDisbursement.tsx
@@ -42,6 +42,22 @@ const TransactionDisbursement = () => {
     message: ''
   });
 
+  const fetchWallets = async () => {
+    try {
+      const response = await GetData(
+        `${API_URL_WALLET}/dashboard/balance/account/${parsedUser.customer.id}`,
+        {}
+      );
+      if (response?.status === true) {
+        setWallets(response.data || []);
+      } else {
+        toast.warning(response?.message || 'Failed to fetch wallet data');
+      }
+    } catch (error) {
+      toast.warning('Failed to fetch wallet data');
+    }
+  };
+
   const fetchCustomerMsisdn = async (sorting: any, filterValue: string) => {
     const filter: any =
       filterValue.trim().length === 0 ? {} : { msisdn: { like: `%${filterValue}%` } };
@@ -74,38 +90,6 @@ const TransactionDisbursement = () => {
     }
   };
 
-  useEffect(() => {
-    const fetchWallets = async () => {
-      try {
-        const response = await GetData(
-          `${API_URL_WALLET}/dashboard/balance/account/${parsedUser.customer.id}`,
-          {}
-        );
-        if (response?.status === true) {
-          setWallets(response.data || []);
-        } else {
-          toast.warning(response?.message || 'Failed to fetch wallet data');
-        }
-      } catch (error) {
-        toast.warning('Failed to fetch wallet data');
-      }
-    };
-
-    fetchWallets();
-    fetchCustomerMsisdn([{ id: 'msisdn', desc: false }], '');
-
-    const handleClickOutside = (event: any) => {
-      if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
-        setDropdownOpen(false);
-      }
-    };
-
-    document.addEventListener('mousedown', handleClickOutside);
-    return () => {
-      document.removeEventListener('mousedown', handleClickOutside);
-    };
-  }, []);
-
   const doPostData = async (form: typeof initialForm) => {
     setIsSubmitting(true);
 
@@ -173,6 +157,22 @@ const TransactionDisbursement = () => {
     setSearchTerm(msisdn);
   };
 
+  useEffect(() => {
+    fetchWallets();
+    fetchCustomerMsisdn([{ id: 'msisdn', desc: false }], '');
+
+    const handleClickOutside = (event: any) => {
+      if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
+        setDropdownOpen(false);
+      }
+    };
+
+    document.addEventListener('mousedown', handleClickOutside);
+    return () => {
+      document.removeEventListener('mousedown', handleClickOutside);
+    };
+  }, []);
+
   const filteredMsisdn = customerMsisdn
     .filter((item) => item.label.toLowerCase().includes(searchTerm.toLowerCase()))
     .slice(0, 10);
diff --git a/src/pages/transaction/topup/TransactionTopup.tsx b/src/pages/transaction/topup/TransactionTopup.tsx
index 4fa7af4..64a881e 100644
--- a/src/pages/transaction/topup/TransactionTopup.tsx
+++ b/src/pages/transaction/topup/TransactionTopup.tsx
@@ -34,25 +34,21 @@ const TransactionTopup = () => {
   const API_URL = apiConfig.transaction;
   const API_URL_WALLET = apiConfig.service_wallet;
 
-  useEffect(() => {
-    const fetchWallets = async () => {
-      try {
-        const response = await GetData(
-          `${API_URL_WALLET}/dashboard/balance/account/${parsedUser.customer.id}`,
-          {}
-        );
-        if (response?.status === true) {
-          setWallets(response.data || []);
-        } else {
-          toast.warning(response?.message || 'Failed to fetch wallet data');
-        }
-      } catch (error) {
-        toast.warning('Failed to fetch wallet data');
+  const fetchWallets = async () => {
+    try {
+      const response = await GetData(
+        `${API_URL_WALLET}/dashboard/balance/account/${parsedUser.customer.id}`,
+        {}
+      );
+      if (response?.status === true) {
+        setWallets(response.data || []);
+      } else {
+        toast.warning(response?.message || 'Failed to fetch wallet data');
       }
-    };
-
-    fetchWallets();
-  }, []);
+    } catch (error) {
+      toast.warning('Failed to fetch wallet data');
+    }
+  };
 
   const doPostData = async (form: typeof initialState) => {
     setIsSubmitting(true);
@@ -75,6 +71,7 @@ const TransactionTopup = () => {
     } finally {
       setIsSubmitting(false);
       setShowConfirmation(false);
+      fetchWallets();
       ResetForm();
     }
   };
@@ -103,6 +100,10 @@ const TransactionTopup = () => {
     setAlert({ show: false, message: '' });
   };
 
+  useEffect(() => {
+    fetchWallets();
+  }, []);
+
   return (
     <>
       <Helmet>

From 0c1dc5426207bb7695bb14da7a61b945f5b2ede3 Mon Sep 17 00:00:00 2001
From: bagusajisaputroo <bagusajisaputro21@gmail.com>
Date: Wed, 30 Apr 2025 16:45:10 +0700
Subject: [PATCH 06/20] fix filter transactiontype

---
 .../transfer/transfertype/blocks/ListToolBar.tsx     | 12 +++++++++++-
 .../transfertype/hooks/ManageTransferTypeContext.tsx |  4 ++--
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/src/pages/transfer/transfertype/blocks/ListToolBar.tsx b/src/pages/transfer/transfertype/blocks/ListToolBar.tsx
index 142751c..c1c116c 100644
--- a/src/pages/transfer/transfertype/blocks/ListToolBar.tsx
+++ b/src/pages/transfer/transfertype/blocks/ListToolBar.tsx
@@ -61,6 +61,10 @@ const ListToolbar = () => {
     WI: 'Withdraw Merchant',
     IC: 'Income Merchant'
   };
+  const approvalLabelMap: Record<string, string> = {
+    Y: 'Yes',
+    N: 'No'
+  };
 
   useEffect(() => {
     const timer = setTimeout(() => {
@@ -191,7 +195,13 @@ const ListToolbar = () => {
             types,
             typeLabelMap
           )}
-          {renderSelect('Select Status Approval', approval, setApproval, ['Y', 'N'])}
+          {renderSelect(
+            'Select Status Approval',
+            approval,
+            setApproval,
+            ['Y', 'N'],
+            approvalLabelMap
+          )}
           {/* {renderSelect('Select Origin Wallet', walletOrigins, setWalletOrigin, origins)}
           {renderSelect(
             'Select Destination Wallet',
diff --git a/src/pages/transfer/transfertype/hooks/ManageTransferTypeContext.tsx b/src/pages/transfer/transfertype/hooks/ManageTransferTypeContext.tsx
index bce10f9..8ae1aed 100644
--- a/src/pages/transfer/transfertype/hooks/ManageTransferTypeContext.tsx
+++ b/src/pages/transfer/transfertype/hooks/ManageTransferTypeContext.tsx
@@ -229,8 +229,8 @@ const ManageTransferTypeContextProvider = ({ children }: { children: React.React
           const mapping: Record<string, string> = {
             R: "Return",
             T: "Transfer",
-            P: "Purchasem",
-            W: "Withdrawm",
+            P: "Purchase",
+            W: "Withdraw",
             U: "Top Up",
             N: "Top Up Patner"
           };

From 27d95959f01c4719a0704e31d9fe2e109392a4f8 Mon Sep 17 00:00:00 2001
From: Wikzyy <alwi.erdi4@gmail.com>
Date: Wed, 30 Apr 2025 16:49:36 +0700
Subject: [PATCH 07/20] add negative handler on amount field

---
 .../disbursement-saldo/TransactionDisbursement.tsx     | 10 ++++++++--
 src/pages/transaction/topup/TransactionTopup.tsx       |  8 +++++++-
 2 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/src/pages/transaction/disbursement-saldo/TransactionDisbursement.tsx b/src/pages/transaction/disbursement-saldo/TransactionDisbursement.tsx
index 6df4d68..6b7b65d 100644
--- a/src/pages/transaction/disbursement-saldo/TransactionDisbursement.tsx
+++ b/src/pages/transaction/disbursement-saldo/TransactionDisbursement.tsx
@@ -263,10 +263,16 @@ const TransactionDisbursement = () => {
                     <label htmlFor="amount">Amount</label>
                     <span className="text-red-500">*</span>
                     <Input
-                      id="amount"
+                      id="topupAmount"
                       type="number"
+                      min={0}
                       value={form.amount}
-                      onChange={(e) => setForm({ ...form, amount: e.target.value })}
+                      onChange={(e) => {
+                        const value = Number(e.target.value);
+                        if (value >= 0) {
+                          setForm({ ...form, amount: String(value) });
+                        }
+                      }}
                     />
                   </div>
                   <div>
diff --git a/src/pages/transaction/topup/TransactionTopup.tsx b/src/pages/transaction/topup/TransactionTopup.tsx
index 64a881e..5ad6ba6 100644
--- a/src/pages/transaction/topup/TransactionTopup.tsx
+++ b/src/pages/transaction/topup/TransactionTopup.tsx
@@ -158,8 +158,14 @@ const TransactionTopup = () => {
                     <Input
                       id="topupAmount"
                       type="number"
+                      min={0}
                       value={form.topupAmount}
-                      onChange={(e) => setForm({ ...form, topupAmount: e.target.value })}
+                      onChange={(e) => {
+                        const value = Number(e.target.value);
+                        if (value >= 0) {
+                          setForm({ ...form, topupAmount: String(value) });
+                        }
+                      }}
                     />
                   </div>
                   <div>

From 75979736017b57dc2f2e1d3f396fbd84acdf692b Mon Sep 17 00:00:00 2001
From: Wikzyy <alwi.erdi4@gmail.com>
Date: Wed, 30 Apr 2025 16:56:19 +0700
Subject: [PATCH 08/20] do fetch newest balance after post data on disbursement

---
 .../transaction/disbursement-saldo/TransactionDisbursement.tsx   | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/pages/transaction/disbursement-saldo/TransactionDisbursement.tsx b/src/pages/transaction/disbursement-saldo/TransactionDisbursement.tsx
index 6b7b65d..54e9bd8 100644
--- a/src/pages/transaction/disbursement-saldo/TransactionDisbursement.tsx
+++ b/src/pages/transaction/disbursement-saldo/TransactionDisbursement.tsx
@@ -112,6 +112,7 @@ const TransactionDisbursement = () => {
     } finally {
       setIsSubmitting(false);
       setShowConfirmation(false);
+      fetchWallets();
       ResetForm();
     }
   };

From 508aee210c96cb805c31c631cd4edb492451099e Mon Sep 17 00:00:00 2001
From: Wikzyy <alwi.erdi4@gmail.com>
Date: Wed, 30 Apr 2025 17:04:27 +0700
Subject: [PATCH 09/20] fix reload balance on disbursement

---
 .../transaction/disbursement-saldo/TransactionDisbursement.tsx  | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/transaction/disbursement-saldo/TransactionDisbursement.tsx b/src/pages/transaction/disbursement-saldo/TransactionDisbursement.tsx
index 54e9bd8..7dca888 100644
--- a/src/pages/transaction/disbursement-saldo/TransactionDisbursement.tsx
+++ b/src/pages/transaction/disbursement-saldo/TransactionDisbursement.tsx
@@ -100,6 +100,7 @@ const TransactionDisbursement = () => {
         pin: form.pin
       });
       if (response?.status == true) {
+        await fetchWallets();
         toast.success('Success Request Topup');
       } else {
         toast.error(`${response?.message?.message}`);
@@ -112,7 +113,6 @@ const TransactionDisbursement = () => {
     } finally {
       setIsSubmitting(false);
       setShowConfirmation(false);
-      fetchWallets();
       ResetForm();
     }
   };

From 70a1e9dbd333bc76f6d62e277f3667b8d4bdf5d5 Mon Sep 17 00:00:00 2001
From: Wikzyy <alwi.erdi4@gmail.com>
Date: Wed, 30 Apr 2025 17:10:37 +0700
Subject: [PATCH 10/20] fix reload balance on request topup

---
 src/pages/transaction/topup/TransactionTopup.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/transaction/topup/TransactionTopup.tsx b/src/pages/transaction/topup/TransactionTopup.tsx
index 5ad6ba6..9136efa 100644
--- a/src/pages/transaction/topup/TransactionTopup.tsx
+++ b/src/pages/transaction/topup/TransactionTopup.tsx
@@ -60,6 +60,7 @@ const TransactionTopup = () => {
       });
       console.log(response);
       if (response?.status == true) {
+        await fetchWallets();
         toast.success('Success Request Topup');
       } else {
         toast.warning(`${response?.message}`);
@@ -71,7 +72,6 @@ const TransactionTopup = () => {
     } finally {
       setIsSubmitting(false);
       setShowConfirmation(false);
-      fetchWallets();
       ResetForm();
     }
   };

From ae23cd5c191cd661e3764d32bdce52911c97bde0 Mon Sep 17 00:00:00 2001
From: wayanrivan <rivanwayan867@gmail.com>
Date: Wed, 30 Apr 2025 17:48:34 +0700
Subject: [PATCH 11/20] update message failed

---
 .../transaction/approval-transaction/blocks/ApprovalDialog.tsx  | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/transaction/approval-transaction/blocks/ApprovalDialog.tsx b/src/pages/transaction/approval-transaction/blocks/ApprovalDialog.tsx
index da5a4b8..43d294a 100644
--- a/src/pages/transaction/approval-transaction/blocks/ApprovalDialog.tsx
+++ b/src/pages/transaction/approval-transaction/blocks/ApprovalDialog.tsx
@@ -89,7 +89,7 @@ const ApprovalDialog = () => {
                 });
 
                 if (response?.status === false) {
-                    toast.error(response?.message?.error?.message || 'Approval failed');
+                    toast.error(response?.message || 'Approval failed');
                     return;
                 }
 

From 9479c78f65ba09445a661e24619fe7fed556fc0a Mon Sep 17 00:00:00 2001
From: wayanrivan <rivanwayan867@gmail.com>
Date: Wed, 30 Apr 2025 23:31:37 +0700
Subject: [PATCH 12/20] update alert fail to approve

---
 .../approval-transaction/blocks/ApprovalDialog.tsx            | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/pages/transaction/approval-transaction/blocks/ApprovalDialog.tsx b/src/pages/transaction/approval-transaction/blocks/ApprovalDialog.tsx
index 43d294a..3c40450 100644
--- a/src/pages/transaction/approval-transaction/blocks/ApprovalDialog.tsx
+++ b/src/pages/transaction/approval-transaction/blocks/ApprovalDialog.tsx
@@ -88,8 +88,10 @@ const ApprovalDialog = () => {
                     pin: formField.pin,
                 });
 
+                // console.log(response?.message?.error?.message,response?.status);
+
                 if (response?.status === false) {
-                    toast.error(response?.message || 'Approval failed');
+                    toast.error(response?.message || response?.message?.error?.message || 'Approval failed' );
                     return;
                 }
 

From 8ac2ccce4826cf0ede7eda1288842c30e78ac306 Mon Sep 17 00:00:00 2001
From: wayanrivan <rivanwayan867@gmail.com>
Date: Wed, 30 Apr 2025 23:38:41 +0700
Subject: [PATCH 13/20] update

---
 .../transaction/approval-transaction/blocks/ApprovalDialog.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/pages/transaction/approval-transaction/blocks/ApprovalDialog.tsx b/src/pages/transaction/approval-transaction/blocks/ApprovalDialog.tsx
index 3c40450..9fd3891 100644
--- a/src/pages/transaction/approval-transaction/blocks/ApprovalDialog.tsx
+++ b/src/pages/transaction/approval-transaction/blocks/ApprovalDialog.tsx
@@ -91,7 +91,8 @@ const ApprovalDialog = () => {
                 // console.log(response?.message?.error?.message,response?.status);
 
                 if (response?.status === false) {
-                    toast.error(response?.message || response?.message?.error?.message || 'Approval failed' );
+                    console.log(response?.message?.error?.message,response?.status);
+                    toast.error('Approval failed' );
                     return;
                 }
 

From 43869680b1cdda7c4a5cc0f3279bf2f8f30f922b Mon Sep 17 00:00:00 2001
From: wayanrivan <rivanwayan867@gmail.com>
Date: Wed, 30 Apr 2025 23:39:48 +0700
Subject: [PATCH 14/20] update

---
 .../transaction/approval-transaction/blocks/ApprovalDialog.tsx  | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/transaction/approval-transaction/blocks/ApprovalDialog.tsx b/src/pages/transaction/approval-transaction/blocks/ApprovalDialog.tsx
index 9fd3891..a708bab 100644
--- a/src/pages/transaction/approval-transaction/blocks/ApprovalDialog.tsx
+++ b/src/pages/transaction/approval-transaction/blocks/ApprovalDialog.tsx
@@ -91,7 +91,7 @@ const ApprovalDialog = () => {
                 // console.log(response?.message?.error?.message,response?.status);
 
                 if (response?.status === false) {
-                    console.log(response?.message?.error?.message,response?.status);
+                    console.log(response);
                     toast.error('Approval failed' );
                     return;
                 }

From 5af9c68876ddece31b0a552d1ec67a00a9eb0378 Mon Sep 17 00:00:00 2001
From: wayanrivan <rivanwayan867@gmail.com>
Date: Thu, 1 May 2025 09:22:49 +0700
Subject: [PATCH 15/20] update

---
 .../transaction/approval-transaction/blocks/ApprovalDialog.tsx  | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/transaction/approval-transaction/blocks/ApprovalDialog.tsx b/src/pages/transaction/approval-transaction/blocks/ApprovalDialog.tsx
index a708bab..97110ab 100644
--- a/src/pages/transaction/approval-transaction/blocks/ApprovalDialog.tsx
+++ b/src/pages/transaction/approval-transaction/blocks/ApprovalDialog.tsx
@@ -92,7 +92,7 @@ const ApprovalDialog = () => {
 
                 if (response?.status === false) {
                     console.log(response);
-                    toast.error('Approval failed' );
+                    toast.error(response?.message ||'Approval failed' );
                     return;
                 }
 

From 180dfa26816c17eb3fcc05c0b7c197e9bdc7ec15 Mon Sep 17 00:00:00 2001
From: wayanrivan <rivanwayan867@gmail.com>
Date: Thu, 1 May 2025 15:16:03 +0700
Subject: [PATCH 16/20] update

---
 .../transaction/approval-transaction/blocks/ApprovalDialog.tsx  | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/transaction/approval-transaction/blocks/ApprovalDialog.tsx b/src/pages/transaction/approval-transaction/blocks/ApprovalDialog.tsx
index 97110ab..a708bab 100644
--- a/src/pages/transaction/approval-transaction/blocks/ApprovalDialog.tsx
+++ b/src/pages/transaction/approval-transaction/blocks/ApprovalDialog.tsx
@@ -92,7 +92,7 @@ const ApprovalDialog = () => {
 
                 if (response?.status === false) {
                     console.log(response);
-                    toast.error(response?.message ||'Approval failed' );
+                    toast.error('Approval failed' );
                     return;
                 }
 

From c42960737a029e9aad04a1ee33be59d79639190a Mon Sep 17 00:00:00 2001
From: wayanrivan <rivanwayan867@gmail.com>
Date: Thu, 1 May 2025 15:23:59 +0700
Subject: [PATCH 17/20] update message fail

---
 .../transaction/approval-transaction/blocks/ApprovalDialog.tsx  | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/transaction/approval-transaction/blocks/ApprovalDialog.tsx b/src/pages/transaction/approval-transaction/blocks/ApprovalDialog.tsx
index a708bab..bb50b63 100644
--- a/src/pages/transaction/approval-transaction/blocks/ApprovalDialog.tsx
+++ b/src/pages/transaction/approval-transaction/blocks/ApprovalDialog.tsx
@@ -92,7 +92,7 @@ const ApprovalDialog = () => {
 
                 if (response?.status === false) {
                     console.log(response);
-                    toast.error('Approval failed' );
+                    toast.error(response?.message?.message || 'Approval failed' );
                     return;
                 }
 

From bd5003c6696c106f4afea370b287e1f637400f8e Mon Sep 17 00:00:00 2001
From: wayanrivan <rivanwayan867@gmail.com>
Date: Thu, 1 May 2025 15:30:44 +0700
Subject: [PATCH 18/20] update

---
 .../approval-transaction/blocks/ApprovalDialog.tsx            | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/pages/transaction/approval-transaction/blocks/ApprovalDialog.tsx b/src/pages/transaction/approval-transaction/blocks/ApprovalDialog.tsx
index bb50b63..955f654 100644
--- a/src/pages/transaction/approval-transaction/blocks/ApprovalDialog.tsx
+++ b/src/pages/transaction/approval-transaction/blocks/ApprovalDialog.tsx
@@ -92,9 +92,9 @@ const ApprovalDialog = () => {
 
                 if (response?.status === false) {
                     console.log(response);
-                    toast.error(response?.message?.message || 'Approval failed' );
+                    toast.error(JSON.stringify(response));
                     return;
-                }
+                }                
 
                 if (response?.status) {
                     toast.success('Success Update Approval');

From 749566f574ffe05c76699c2f08f9813c76f7655a Mon Sep 17 00:00:00 2001
From: Wikzyy <alwi.erdi4@gmail.com>
Date: Fri, 2 May 2025 09:32:23 +0700
Subject: [PATCH 19/20] add filter msisdn OR fullname and set limit to 100

---
 src/pages/master/wallet/hooks/ManageWalletContext.tsx |  1 +
 .../disbursement-saldo/TransactionDisbursement.tsx    | 11 +++++++++--
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/pages/master/wallet/hooks/ManageWalletContext.tsx b/src/pages/master/wallet/hooks/ManageWalletContext.tsx
index cb46e6b..15e8469 100644
--- a/src/pages/master/wallet/hooks/ManageWalletContext.tsx
+++ b/src/pages/master/wallet/hooks/ManageWalletContext.tsx
@@ -147,6 +147,7 @@ const ManageWalletContextProvider = ({ children }: { children: React.ReactNode }
     try {
       sorting = sorting.length == 0 ? [{ id: 'name', desc: false }] : sorting;
       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,
diff --git a/src/pages/transaction/disbursement-saldo/TransactionDisbursement.tsx b/src/pages/transaction/disbursement-saldo/TransactionDisbursement.tsx
index 7dca888..d5b6642 100644
--- a/src/pages/transaction/disbursement-saldo/TransactionDisbursement.tsx
+++ b/src/pages/transaction/disbursement-saldo/TransactionDisbursement.tsx
@@ -60,10 +60,17 @@ const TransactionDisbursement = () => {
 
   const fetchCustomerMsisdn = async (sorting: any, filterValue: string) => {
     const filter: any =
-      filterValue.trim().length === 0 ? {} : { msisdn: { like: `%${filterValue}%` } };
+      filterValue.trim().length === 0
+        ? {}
+        : {
+            or: [
+              { msisdn: { like: `%${filterValue}%` } },
+              { fullname: { like: `%${filterValue}%` } }
+            ]
+          };
 
     const query: any = {
-      limit: 25,
+      limit: 100,
       page: 1,
       with_deleted: false,
       order_field: sorting[0].id,

From a9e105cdf2d6ccde953a21215f8edd8cb2acca55 Mon Sep 17 00:00:00 2001
From: wayanrivan <rivanwayan867@gmail.com>
Date: Fri, 2 May 2025 11:20:25 +0700
Subject: [PATCH 20/20] update approval transaction

---
 .../blocks/ApprovalDialog.tsx                 | 45 ++-----------------
 1 file changed, 4 insertions(+), 41 deletions(-)

diff --git a/src/pages/transaction/approval-transaction/blocks/ApprovalDialog.tsx b/src/pages/transaction/approval-transaction/blocks/ApprovalDialog.tsx
index 955f654..e983a0d 100644
--- a/src/pages/transaction/approval-transaction/blocks/ApprovalDialog.tsx
+++ b/src/pages/transaction/approval-transaction/blocks/ApprovalDialog.tsx
@@ -36,7 +36,6 @@ const ApprovalDialog = () => {
         selectedTransactionIdForApproval,
     } = useTransactionContext();
 
-    const [transactionDetails, setTransactionDetails] = useState<any>(null);
 
     const [formField, setFormField] = useState({
         transaction_code: '',
@@ -54,11 +53,6 @@ const ApprovalDialog = () => {
         async (e: React.FormEvent<HTMLFormElement>) => {
             e.preventDefault();
 
-            if (!transactionDetails || !transactionDetails.code) {
-                toast.error('Transaction data not loaded yet.');
-                return;
-            }
-
             if (!formField.status) {
                 toast.error('Please select a status.');
                 return;
@@ -82,7 +76,7 @@ const ApprovalDialog = () => {
             if (result.isConfirmed) {
                 // ✅ Kalau tekan YES, baru tembak API
                 const response = await PostData(`${API_URL}/transaction/set-approval`, {
-                    id_transaction: transactionDetails.id,
+                    id_transaction: selectedTransactionIdForApproval,
                     notes: formField.notes,
                     status: formField.status,
                     pin: formField.pin,
@@ -91,7 +85,7 @@ const ApprovalDialog = () => {
                 // console.log(response?.message?.error?.message,response?.status);
 
                 if (response?.status === false) {
-                    console.log(response);
+                    // console.log(response);
                     toast.error(JSON.stringify(response));
                     return;
                 }                
@@ -100,7 +94,7 @@ const ApprovalDialog = () => {
                     toast.success('Success Update Approval');
                     const createActivity = {
                         module: 'Approval Transaction',
-                        description: `Change status approve for transaction => ${transactionDetails.code}`,
+                        description: `Change status approve for transaction => ${selectedTransactionIdForApproval}`,
                         action: 'U',
                     };
                     doSaveLogActivity(createActivity);
@@ -111,7 +105,7 @@ const ApprovalDialog = () => {
                 console.log('User cancelled');
             }
         },
-        [formField, transactionDetails]
+        [formField]
     );
 
     useEffect(() => {
@@ -122,41 +116,10 @@ const ApprovalDialog = () => {
                 status: '',
                 pin: ''
             });
-            setTransactionDetails(null);
             setAlert({ show: false, message: '' });
         }
     }, [showApprovalDialog]);
 
-    useEffect(() => {
-        const fetchTransactionDetails = async () => {
-            if (selectedTransactionIdForApproval) {
-                try {
-                    const response = await GetData(
-                        `${API_URL}/transaction/history/detail/${selectedTransactionIdForApproval}`,
-                        {
-                            id: selectedTransactionIdForApproval,
-                        }
-                    );
-                    setTransactionDetails(response?.data);
-                } catch (error) {
-                    console.error('Error fetching transaction', error);
-                }
-            }
-        };
-
-        if (showApprovalDialog && selectedTransactionIdForApproval) {
-            fetchTransactionDetails();
-        }
-    }, [showApprovalDialog, selectedTransactionIdForApproval, GetData]);
-
-    useEffect(() => {
-        if (transactionDetails) {
-            setFormField((prev) => ({
-                ...prev,
-                transaction_code: transactionDetails.id ?? '',
-            }));
-        }
-    }, [transactionDetails]);
 
     return (
         <Dialog open={showApprovalDialog} onOpenChange={setShowApprovalDialog}>