All files / src/components/Memberships/MembershipsReport/Table MembershipsReportFilterBar.tsx

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
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
// mui
import Box from "@mui/material/Box";
import { FilterWithDate } from "@common/Filter";
// redux
import { selectFilters } from "@redux/slices/transactions";
import { useAppSelector } from "@redux/hooks";
import { addDateFilter, disableDateFilter } from "@redux/slices/transactions";
import { listCreatedFilter } from "@components/Fundraisers/FundraisersList/FundraisersListFilters";
 
export const MembershipsReportFilterBar = () => {
  const filters = useAppSelector(selectFilters);
 
  return (
    <Box pt={3} pb={2}>
      <FilterWithDate
        title="date"
        options={listCreatedFilter}
        filters={filters}
        apply={addDateFilter}
        disable={disableDateFilter}
      />
    </Box>
  );
};