diff --git a/src/components/pages/report/finance/tab/CustomerPaymentTab.tsx b/src/components/pages/report/finance/tab/CustomerPaymentTab.tsx index 192449a8..f57f7335 100644 --- a/src/components/pages/report/finance/tab/CustomerPaymentTab.tsx +++ b/src/components/pages/report/finance/tab/CustomerPaymentTab.tsx @@ -1,5 +1,4 @@ import { useState, useMemo, useCallback } from 'react'; -import { ChangeEventHandler } from 'react'; import useSWR from 'swr'; import { Icon } from '@iconify/react'; import Card from '@/components/Card'; @@ -18,7 +17,6 @@ import { CustomerPaymentSummary, } from '@/types/api/report/customer-payment'; import { isResponseSuccess } from '@/lib/api-helper'; -import { useTableFilter } from '@/services/hooks/useTableFilter'; import Pagination from '@/components/Pagination'; import Button from '@/components/Button'; import Dropdown from '@/components/Dropdown'; @@ -46,12 +44,10 @@ const CustomerPaymentTab = () => { // ===== FILTER STATE ===== const [filterCustomer, setFilterCustomer] = useState([]); const [filterSales, setFilterSales] = useState([]); - const [filterDateType, setFilterDateType] = useState(null); const [filterStartDate, setFilterStartDate] = useState(''); const [filterEndDate, setFilterEndDate] = useState(''); const [filterErrors, setFilterErrors] = useState>({}); - // Filter Modal const filterModal = useModal(); const { options: customerOptions, isLoadingOptions: isLoadingCustomers } = @@ -68,10 +64,7 @@ const CustomerPaymentTab = () => { ); const dataTypeOptions = useMemo( - () => [ - { value: 'do_date', label: 'Tanggal Jual' }, - { value: 'payment_date', label: 'Tanggal Bayar' }, - ], + () => [{ value: 'do_date', label: 'Tanggal Jual' }], [] ); @@ -80,7 +73,6 @@ const CustomerPaymentTab = () => { setIsSubmitted(false); setFilterCustomer([]); setFilterSales([]); - setFilterDateType(null); setFilterStartDate(''); setFilterEndDate(''); setFilterErrors({}); @@ -118,10 +110,7 @@ const CustomerPaymentTab = () => { filterSales.length > 0 ? filterSales.map((v) => String(v.value)).join(',') : undefined, - date_type: filterDateType?.value as - | 'do_date' - | 'payment_date' - | undefined, + filter_by: 'do_date' as const, start_date: filterStartDate || undefined, end_date: filterEndDate || undefined, page: currentPage, @@ -135,7 +124,7 @@ const CustomerPaymentTab = () => { FinanceApi.getCustomerPaymentReport( params.customer_id, params.sales, - params.date_type, + params.filter_by, params.start_date, params.end_date, params.page, @@ -169,10 +158,7 @@ const CustomerPaymentTab = () => { filterSales.length > 0 ? filterSales.map((v) => String(v.value)).join(',') : undefined, - date_type: filterDateType?.value as - | 'do_date' - | 'payment_date' - | undefined, + filter_by: 'do_date' as const, start_date: filterStartDate || undefined, end_date: filterEndDate || undefined, limit: 100, @@ -182,7 +168,7 @@ const CustomerPaymentTab = () => { const response = await FinanceApi.getCustomerPaymentReport( params.customer_id, params.sales, - params.date_type, + params.filter_by, params.start_date, params.end_date, params.page, @@ -192,13 +178,7 @@ const CustomerPaymentTab = () => { return isResponseSuccess(response) ? (response.data as unknown as CustomerPaymentReport[]) : null; - }, [ - filterCustomer, - filterSales, - filterDateType, - filterStartDate, - filterEndDate, - ]); + }, [filterCustomer, filterSales, filterStartDate, filterEndDate]); // ===== EXPORT HANDLERS ===== const handleExportExcel = useCallback(async () => { @@ -622,11 +602,8 @@ const CustomerPaymentTab = () => { label='Filter Berdasarkan' placeholder='Pilih Filter Berdasarkan' options={dataTypeOptions} - value={filterDateType} - onChange={(val) => { - setFilterDateType(val as OptionType | null); - }} - isClearable={false} + value={dataTypeOptions[0]} + isDisabled={true} className={{ wrapper: 'w-full' }} /> diff --git a/src/services/api/report/finance-report.ts b/src/services/api/report/finance-report.ts index 8d9a20b8..e0acb6b0 100644 --- a/src/services/api/report/finance-report.ts +++ b/src/services/api/report/finance-report.ts @@ -14,7 +14,7 @@ export class FinanceApiService extends BaseApiService< async getCustomerPaymentReport( customer_id?: string, sales?: string, - date_type?: 'do_date' | 'payment_date', + filter_by?: 'do_date', start_date?: string, end_date?: string, page?: number, @@ -27,7 +27,7 @@ export class FinanceApiService extends BaseApiService< params: { customer_id: customer_id, sales: sales, - date_type: date_type, + filter_by: filter_by, start_date: start_date, end_date: end_date, page: page,