refactor(FE-add-param): Update MarketingFilter to refine API calls and

options handling

src/components/pages/marketing/MarketingFilter.tsx

@@ -41,9 +41,12 @@ const MarketingFilterModal = ({
     isLoadingOptions: isLoadingProductsOptions,
     setInputValue: setProductsInputValue,
     loadMore: loadMoreProducts,
-  } = useSelect<BaseMarketing>(MarketingApi.basePath, 'id', 'so_number', '', {
+  } = useSelect<BaseMarketing>(
-    limit: 'limit',
+    MarketingApi.basePath,
-  });
+    'id',
+    'so_number',
+    'search'
+  );
 
   const productsOptions = useMemo(() => {
     if (!productsRawData || !isResponseSuccess(productsRawData)) return [];
@@ -70,18 +73,15 @@ const MarketingFilterModal = ({
     isLoadingOptions: isLoadingCustomersOptions,
     setInputValue: setCustomersInputValue,
     loadMore: loadMoreCustomers,
-  } = useSelect(MarketingApi.basePath, 'customer.id', 'customer.name', '', {
+  } = useSelect(
-    limit: 'limit',
+    MarketingApi.basePath,
-  });
+    'customer.id',
-
+    'customer.name',
-  const salesCustomerOptions = useMemo(() => {
+    'search',
-    const seen = new Set<string | number>();
+    {
-    return customersOptions.filter((customer) => {
+      has_marketing: 'true',
-      if (seen.has(customer.value)) return false;
+    }
-      seen.add(customer.value);
+  );
-      return true;
-    });
-  }, [customersOptions]);
 
   const statusOptions = [
     ...MARKETING_APPROVAL_LINE.map((item) => ({
@@ -190,7 +190,7 @@ const MarketingFilterModal = ({
             label='Customer'
             isClearable
             placeholder='Pilih customer'
-            options={salesCustomerOptions}
+            options={customersOptions}
             isLoading={isLoadingCustomersOptions}
             value={formik.values.customer}
             onChange={customerChangeHandler}