refactor(FE): Remove date_type filter and hardcode filter_by

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<OptionType[]>([]);
   const [filterSales, setFilterSales] = useState<OptionType[]>([]);
-  const [filterDateType, setFilterDateType] = useState<OptionType | null>(null);
   const [filterStartDate, setFilterStartDate] = useState('');
   const [filterEndDate, setFilterEndDate] = useState('');
   const [filterErrors, setFilterErrors] = useState<Record<string, string>>({});
 
-  // 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: 'do_date', label: 'Tanggal Jual' },
-      { value: 'payment_date', label: 'Tanggal Bayar' },
-    ],
     []
   );
 
@@ -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
+            filter_by: 'do_date' as const,
-              | 'do_date'
-              | 'payment_date'
-              | undefined,
             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
+      filter_by: 'do_date' as const,
-        | 'do_date'
-        | 'payment_date'
-        | undefined,
       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, filterStartDate, filterEndDate]);
-    filterCustomer,
-    filterSales,
-    filterDateType,
-    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}
+                  value={dataTypeOptions[0]}
-                  onChange={(val) => {
+                  isDisabled={true}
-                    setFilterDateType(val as OptionType | null);
-                  }}
-                  isClearable={false}
                   className={{ wrapper: 'w-full' }}
                 />
               </div>

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,