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 | // mui
import Stack from "@mui/material/Stack";
import { FilterWithDate, ClearFiltersButton } from "@common/Filter";
// redux
import { useAppSelector } from "@redux/hooks";
import {
addDateFilter,
disableDateFilter,
selectFilters,
clearFilters,
} from "@redux/slices/transactions";
import { selectQueryFilters } from "@redux/slices/transactions";
export const EventsFilterBar = () => {
const filters = useAppSelector(selectFilters);
return (
<Stack py={2.5} direction="row" flexWrap="wrap">
<FilterWithDate
title="date"
options={[
{ value: "in the last", label: "in the last" },
{ value: "is between", label: "is between" },
{ value: "is on or before", label: "is on or before" },
{ value: "is on or after", label: "is on or after" },
]}
filters={filters}
apply={addDateFilter}
disable={disableDateFilter}
/>
<ClearFiltersButton clear={clearFilters} selector={selectQueryFilters} />
</Stack>
);
};
|