TIMOR-TELECOM/revenue-fe
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[skip ci] update search customer on add and edit transferfee

Browse Source
This commit is contained in:
bagusajisaputroo
2025-06-09 23:06:38 +07:00
parent 2eded40d2a
commit 920ee4e5ab
2 changed files with 71 additions and 68 deletions
Download Patch File Download Diff File Expand all files Collapse all files

82
src/pages/transfer/transferfee/blocks/AddDialog.tsx
View File

@ -9,7 +9,8 @@ import {
KeenIcon,
useDataGrid
} from '@/components';
import { useCallApi } from '@/hooks';3
import { useCallApi } from '@/hooks';
3;
import {
Dialog,
DialogBody,
@ -84,8 +85,8 @@ const AddFeeDialog = () => {
const [wallets, setWallets] = useState<WalletProps[]>([]);
const [deductFilteredCustomers, setDeductFilteredCustomers] = useState<CustomerProps[]>([]);
const [creditFilteredCustomers, setCreditFilteredCustomers] = useState<CustomerProps[]>([]);
const [isSearchingDeductCustomers, setIsSearchingDeductCustomers] = useState(false);
const [isSearchingCreditCustomers, setIsSearchingCreditCustomers] = useState(false);
const [isSearchingDeductCustomers, setIsSearchingDeductCustomers] = useState(false);
const [isSearchingCreditCustomers, setIsSearchingCreditCustomers] = useState(false);
const [transactionTypeName, setTransactionTypeName] = useState('');
const [isLoadingTransactionType, setIsLoadingTransactionType] = useState(false);
@ -120,14 +121,14 @@ const [isSearchingCreditCustomers, setIsSearchingCreditCustomers] = useState(fal
const [formField, setFormField] = useState(initialState);
const resetForm = () => {
setFormField(initialState);
setTransactionTypeName('');
setDeductFilteredCustomers([]);
setCreditFilteredCustomers([]);
setDeductSearchTerm('');
setCreditSearchTerm('');
};
const resetForm = () => {
setFormField(initialState);
setTransactionTypeName('');
setDeductFilteredCustomers([]);
setCreditFilteredCustomers([]);
setDeductSearchTerm('');
setCreditSearchTerm('');
};
const handleCloseDialog = () => {
setFormField(initialState);
@ -144,24 +145,23 @@ const resetForm = () => {
const [showTransactionFeeDialog, setShowTransactionFeeDialog] = useState(false);
const parsedUser = getAuth()?.user;
const useDebounce = (value: string, delay: number) => {
const [debouncedValue, setDebouncedValue] = useState(value);
const [debouncedValue, setDebouncedValue] = useState(value);
useEffect(() => {
const handler = setTimeout(() => {
setDebouncedValue(value);
}, delay);
useEffect(() => {
const handler = setTimeout(() => {
setDebouncedValue(value);
}, delay);
return () => {
clearTimeout(handler);
};
}, [value, delay]);
return () => {
clearTimeout(handler);
};
}, [value, delay]);
return debouncedValue;
};
return debouncedValue;
};
const debouncedDeductSearchTerm = useDebounce(deductSearchTerm, 500);
const debouncedCreditSearchTerm = useDebounce(creditSearchTerm, 500);
const debouncedCreditSearchTerm = useDebounce(creditSearchTerm, 500);
useEffect(() => {
if (showAddFeeDialog && transactionTypeId) {
setIsLoadingTransactionType(true);
@ -265,7 +265,7 @@ const debouncedCreditSearchTerm = useDebounce(creditSearchTerm, 500);
if (!showAddFeeDialog) return;
fetchWallets();
}, [showAddFeeDialog, fetchWallets]);
const searchDeductCustomers = useCallback(
async (searchTerm: string) => {
setIsSearchingDeductCustomers(true);
@ -302,11 +302,10 @@ const debouncedCreditSearchTerm = useDebounce(creditSearchTerm, 500);
[GetData]
);
useEffect(() => {
if (openDeductOrigin && formField.deduct_from === 'I') {
searchDeductCustomers(debouncedDeductSearchTerm);
}
}, [debouncedDeductSearchTerm, openDeductOrigin, formField.deduct_from, searchDeductCustomers]);
if (openDeductOrigin && formField.deduct_from === 'I') {
searchDeductCustomers(debouncedDeductSearchTerm);
}
}, [debouncedDeductSearchTerm, openDeductOrigin, formField.deduct_from, searchDeductCustomers]);
const searchCreditCustomers = useCallback(
async (searchTerm: string) => {
@ -344,10 +343,15 @@ const debouncedCreditSearchTerm = useDebounce(creditSearchTerm, 500);
[GetData]
);
useEffect(() => {
if (openCreditDestination && formField.credit_to === 'I') {
searchCreditCustomers(debouncedCreditSearchTerm);
}
}, [debouncedCreditSearchTerm, openCreditDestination, formField.credit_to, searchCreditCustomers]);
if (openCreditDestination && formField.credit_to === 'I') {
searchCreditCustomers(debouncedCreditSearchTerm);
}
}, [
debouncedCreditSearchTerm,
openCreditDestination,
formField.credit_to,
searchCreditCustomers
]);
const doCreateTransferType = useCallback(
async (e: React.FormEvent<HTMLFormElement>) => {
@ -740,8 +744,8 @@ const debouncedCreditSearchTerm = useDebounce(creditSearchTerm, 500);
key={customer.id}
className="cursor-pointer px-3 py-1.5 text-sm hover:bg-gray-100"
onClick={() => {
setFormField({ ...formField, deduct_origin: customer.id });
setOpenDeductOrigin(false);
setFormField({ ...formField, deduct_origin: customer.id });
setOpenDeductOrigin(false);
}}
>
{customer.fullname}
@ -801,7 +805,7 @@ const debouncedCreditSearchTerm = useDebounce(creditSearchTerm, 500);
</SelectContent>
</Select>
</div>
{formField.credit_to === 'I' && (
{formField.credit_to === 'I' && (
<div className="w-full">
<label className="form-label">
Credit Destination <span className="text-red-500">*</span>
@ -849,8 +853,8 @@ const debouncedCreditSearchTerm = useDebounce(creditSearchTerm, 500);
key={customer.id}
className="cursor-pointer px-3 py-1.5 text-sm hover:bg-gray-100"
onClick={() => {
setFormField({ ...formField, credit_destination: customer.id });
setOpenCreditDestination(false);
setFormField({ ...formField, credit_destination: customer.id });
setOpenCreditDestination(false);
}}
>
{customer.fullname}