components MerchantDropdownFilter.tsx

100% Statements 3/3

100% Branches 0/0

100% Functions 1/1

100% Lines 3/3

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43  
 
 
 
1x
 
 
 
 
 
 
 
 
 
 
 
 
 
35x
 
35x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import DropdownFilter from "@features/Merchants/MerchantsTable/components/DropdownFilter";
import { DropdownFilterProps } from "@features/Merchants/MerchantsTable/types";
import { useGetMerchantDropdownOptions } from "../hooks/useGetMerchantDropdownOptions";
 
const MerchantDropdownFilter = ({
  disabled,
  buttonProps,
}: {
  disabled?: boolean;
  buttonProps?: DropdownFilterProps["buttonProps"];
}) => {
  const {
    options,
    searchBarProps,
    isLoading,
    isFetching,
    onEndReached,
    onCloseEmptyState,
  } = useGetMerchantDropdownOptions();
 
  return (
    <DropdownFilter
      options={options}
      queryKey="merchantName"
      menuWidth={278}
      searchBarProps={searchBarProps}
      isLoading={isLoading}
      isFetchingNextPage={isFetching}
      onEndReached={onEndReached}
      onCloseEmptyState={onCloseEmptyState}
      disabled={disabled}
      buttonProps={{
        variant: "filled",
        color: "light",
        sx: { minWidth: "fit-content", height: "40px" },
        ...buttonProps,
      }}
    />
  );
};
 
export default MerchantDropdownFilter;