only show upcoming events from today or the future
This commit is contained in:
@ -1,11 +1,16 @@
|
|||||||
import { EventFragment } from "@/gql/graphql";
|
import { EventFragment } from "@/gql/graphql";
|
||||||
import { EventItem } from "./EventItem";
|
import { isTodayOrFuture } from "@/lib/date";
|
||||||
import { sortSingularEvents, getSingularEvents } from "@/lib/event";
|
import { getSingularEvents, sortSingularEvents } from "@/lib/event";
|
||||||
import styles from "./upcomingEvents.module.scss";
|
|
||||||
import Link from "next/link";
|
import Link from "next/link";
|
||||||
|
import { EventItem } from "./EventItem";
|
||||||
|
import styles from "./upcomingEvents.module.scss";
|
||||||
|
|
||||||
export const UpcomingEvents = ({ events }: { events: EventFragment[] }) => {
|
export const UpcomingEvents = ({ events }: { events: EventFragment[] }) => {
|
||||||
const upcomingSingularEvents = sortSingularEvents(getSingularEvents(events));
|
const upcomingSingularEvents = sortSingularEvents(
|
||||||
|
getSingularEvents(events).filter((event) =>
|
||||||
|
isTodayOrFuture(event.occurrence.start)
|
||||||
|
)
|
||||||
|
);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<section className={styles.upcomingWrapper}>
|
<section className={styles.upcomingWrapper}>
|
||||||
|
Reference in New Issue
Block a user