fix some type errors

This commit is contained in:
2024-05-14 19:07:41 +02:00
parent 8c6c58b62f
commit 08b2e5387d
6 changed files with 189 additions and 42 deletions

View File

@ -5,7 +5,7 @@ import { EventItem } from "./EventItem";
import { EventFilter } from "./EventFilter";
import {
EventFragment,
EventCategoryFragment,
EventCategory,
SingularEvent,
getSingularEvents,
organizeEventsByDate,
@ -24,7 +24,7 @@ export const EventContainer = ({
eventCategories,
}: {
events: EventFragment[];
eventCategories: EventCategoryFragment[];
eventCategories: EventCategory[];
}) => {
const [mode, setMode] = useQueryState(
"mode",
@ -32,18 +32,21 @@ export const EventContainer = ({
);
const filterableCategories = eventCategories.filter((x) => x.showInFilters);
const filterableCategorySlugs: string[] = filterableCategories
.filter((x) => "slug" in x && typeof x.slug === "string")
.map((x) => x.slug);
const [category, setCategory] = useQueryState(
"category",
parseAsStringLiteral(filterableCategories.map((x) => x.slug)).withDefault(
null
)
parseAsStringLiteral(filterableCategorySlugs).withDefault(null)
);
const filteredEvents = events.filter(
(x) =>
!category ||
x.categories
?.map((eventCategory) => eventCategory.slug)
?.filter((x) => x !== null)
.map((eventCategory: EventCategory) => eventCategory.slug)
.includes(category)
);