add button for disabling all filters

This commit is contained in:
2024-07-10 19:03:53 +02:00
parent b819796e29
commit 73ffdf517c
2 changed files with 25 additions and 2 deletions

View File

@ -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}>