refactor(FE): Disable sales and filter_by until backend ready

src/components/pages/report/finance/tab/CustomerPaymentTab.tsx

@@ -47,6 +47,8 @@ const CustomerPaymentTab = () => {
   const [filterCustomer, setFilterCustomer] = useState<typeof customerOptions>(
     []
   );
+  // TODO: Uncomment when BE is ready
+  // const [filterSales, setFilterSales] = useState<typeof salesOptions>([]);
   const [filterSales, setFilterSales] = useState<typeof salesOptions>([]);
   const [filterStartDate, setFilterStartDate] = useState('');
   const [filterEndDate, setFilterEndDate] = useState('');
@@ -60,6 +62,7 @@ const CustomerPaymentTab = () => {
     hasMore: hasMoreCustomers,
   } = useSelect(CustomerApi.basePath, 'id', 'name', 'search');
 
+  // TODO: Uncomment when BE is ready
   const {
     options: salesOptions,
     isLoadingOptions: isLoadingSales,
@@ -133,23 +136,18 @@ const CustomerPaymentTab = () => {
       count += 1;
     }
 
-    // Sales filter
-    if (filterSales.length > 0) {
-      count += 1;
-    }
-
-    // Filter by (always count if submitted)
-    if (isSubmitted) {
-      count += 1;
-    }
+    // TODO: Uncomment when BE is ready
+    // // Sales filter
+    // if (filterSales.length > 0) {
+    //   count += 1;
+    // }
 
     return count;
   }, [
     filterStartDate,
     filterEndDate,
     filterCustomer,
-    filterSales,
-    isSubmitted,
+    // filterSales,
   ]);
 
   const hasFilters = activeFiltersCount > 0;
@@ -163,11 +161,12 @@ const CustomerPaymentTab = () => {
               filterCustomer.length > 0
                 ? filterCustomer.map((v) => String(v.value)).join(',')
                 : undefined,
-            sales_id:
-              filterSales.length > 0
-                ? filterSales.map((v) => String(v.value)).join(',')
-                : undefined,
-            filter_by: 'do_date' as const,
+            // TODO: Uncomment when BE is ready
+            // sales_id:
+            //   filterSales.length > 0
+            //     ? filterSales.map((v) => String(v.value)).join(',')
+            //     : undefined,
+            // filter_by: 'do_date' as const,
             start_date: filterStartDate || undefined,
             end_date: filterEndDate || undefined,
             page: currentPage,
@@ -180,8 +179,8 @@ const CustomerPaymentTab = () => {
     ([, params]) =>
       FinanceApi.getCustomerPaymentReport(
         params.customer_id,
-        params.sales_id,
-        params.filter_by,
+        undefined, // TODO: Change to params.sales_id when BE is ready
+        undefined, // TODO: Change to params.filter_by when BE is ready
         params.start_date,
         params.end_date,
         params.page,
@@ -206,11 +205,11 @@ const CustomerPaymentTab = () => {
         filterCustomer.length > 0
           ? filterCustomer.map((v) => String(v.value)).join(',')
           : undefined,
-      sales_id:
-        filterSales.length > 0
-          ? filterSales.map((v) => String(v.value)).join(',')
-          : undefined,
-      filter_by: 'do_date' as const,
+      // TODO: Uncomment when BE is ready
+      // sales_id:
+      //   filterSales.length > 0
+      //     ? filterSales.map((v) => String(v.value)).join(',')
+      //     : undefined,
       start_date: filterStartDate || undefined,
       end_date: filterEndDate || undefined,
       limit: 100,
@@ -219,8 +218,8 @@ const CustomerPaymentTab = () => {
 
     const response = await FinanceApi.getCustomerPaymentReport(
       params.customer_id,
-      params.sales_id,
-      params.filter_by,
+      undefined, // TODO: Change to params.sales_id when BE is ready
+      undefined, // TODO: Change to params.filter_by when BE is ready
       params.start_date,
       params.end_date,
       params.page,
@@ -277,13 +276,15 @@ const CustomerPaymentTab = () => {
             filterCustomer.length > 0
               ? filterCustomer.map((c) => c.label).join(', ')
               : undefined,
-          sales:
-            filterSales.length > 0
-              ? filterSales.map((s) => s.label).join(', ')
-              : undefined,
+          // TODO: Uncomment when BE is ready
+          // sales:
+          //   filterSales.length > 0
+          //     ? filterSales.map((s) => s.label).join(', ')
+          //     : undefined,
           start_date: filterStartDate || undefined,
           end_date: filterEndDate || undefined,
-          filter_by: 'do_date',
+          // TODO: Uncomment when BE is ready
+          // filter_by: 'do_date' as const,
         },
       });
       toast.success('PDF berhasil dibuat dan diunduh.');
@@ -661,7 +662,8 @@ const CustomerPaymentTab = () => {
                 />
               </div>
 
-              <div>
+              {/* TODO: Uncomment when BE is ready */}
+              {/* <div>
                 <SelectInputCheckbox
                   label='Sales'
                   placeholder='Pilih Sales'
@@ -675,9 +677,10 @@ const CustomerPaymentTab = () => {
                   onMenuScrollToBottom={loadMoreSales}
                   className={{ wrapper: 'w-full' }}
                 />
-              </div>
+              </div> */}
 
-              <div>
+              {/* TODO: Uncomment when BE is ready */}
+              {/* <div>
                 <SelectInput
                   label='Filter Berdasarkan'
                   placeholder='Pilih Filter Berdasarkan'
@@ -686,7 +689,7 @@ const CustomerPaymentTab = () => {
                   isDisabled={true}
                   className={{ wrapper: 'w-full' }}
                 />
-              </div>
+              </div> */}
             </div>
 
             {/* Action Buttons */}