add button for disabling all filters
This commit is contained in:
@ -43,6 +43,12 @@ export const EventContainer = ({
|
||||
const [organizer, setOrganizer] = useQueryState("organizer", parseAsString);
|
||||
const [venue, setVenue] = useQueryState("venue", parseAsString);
|
||||
|
||||
const resetFilters = () => {
|
||||
setCategory(null)
|
||||
setOrganizer(null)
|
||||
setVenue(null)
|
||||
}
|
||||
|
||||
/* Allow filtering on all categories that are configured to be shown */
|
||||
const filterableCategories = eventCategories.filter((x) => x.showInFilters);
|
||||
|
||||
@ -138,6 +144,8 @@ export const EventContainer = ({
|
||||
venues={filterableVenues}
|
||||
setVenue={setVenue}
|
||||
activeVenue={venue}
|
||||
resetFilters={resetFilters}
|
||||
toggleVisibility={toggleFilter}
|
||||
isVisible={showFilter}
|
||||
/>
|
||||
<EventFilterExplained
|
||||
@ -155,8 +163,6 @@ export const EventContainer = ({
|
||||
);
|
||||
};
|
||||
|
||||
const ActiveFilterExplained = ({})
|
||||
|
||||
const EventList = ({ events }: { events: EventFragment[] }) => {
|
||||
return (
|
||||
<ul className={styles.eventList}>
|
||||
|
Reference in New Issue
Block a user