From 77831a2dec0e278b7c0e459192169dab367a61ce Mon Sep 17 00:00:00 2001
From: Wikzyy <alwi.erdi4@gmail.com>
Date: Thu, 24 Apr 2025 14:33:08 +0700
Subject: [PATCH] add debounce for searching msisdn on disbursement saldo

---
 .../disbursement-saldo/TransactionDisbursement.tsx       | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/pages/transaction/disbursement-saldo/TransactionDisbursement.tsx b/src/pages/transaction/disbursement-saldo/TransactionDisbursement.tsx
index 208b3ae..dcc6842 100644
--- a/src/pages/transaction/disbursement-saldo/TransactionDisbursement.tsx
+++ b/src/pages/transaction/disbursement-saldo/TransactionDisbursement.tsx
@@ -43,12 +43,11 @@ const TransactionDisbursement = () => {
   });
 
   const fetchCustomerMsisdn = async (sorting: any, filterValue: string) => {
-    setIsLoading(true);
     const filter: any =
       filterValue.trim().length === 0 ? {} : { msisdn: { like: `%${filterValue}%` } };
 
     const query: any = {
-      limit: 50,
+      limit: 1,
       page: 1,
       with_deleted: false,
       order_field: sorting[0].id,
@@ -152,9 +151,13 @@ const TransactionDisbursement = () => {
   };
 
   const handleMsisdnSearch = (e: React.ChangeEvent<HTMLInputElement>) => {
+    setIsLoading(true);
     setSearchTerm(e.target.value);
     setDropdownOpen(true);
-    fetchCustomerMsisdn([{ id: 'msisdn', desc: false }], e.target.value);
+    const timer = setTimeout(() => {
+      fetchCustomerMsisdn([{ id: 'msisdn', desc: false }], e.target.value);
+    }, 500);
+    return () => clearTimeout(timer);
   };
 
   const handleMsisdnSelect = (msisdn: string) => {