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) => { + 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) => {