import { ParsedUrlQuery } from "querystring"; import { GetStaticPaths, GetStaticProps } from "next"; import { MDXRemote } from "next-mdx-remote"; import React from "react"; import { EventCard } from "@/components/EventCard"; import { Link } from "@/components/Link"; import { MiniEventCard } from "@/components/MiniEventCard"; import { Title } from "@/components/Title"; import { Event, getEventsPageProps, getEventYears, getEventTermsByYear, } from "@/lib/events"; import { capitalize } from "@/utils"; import styles from "./index.module.css"; export interface Props { year: string; term: string; pastEvents: Event[]; futureEvents: Event[]; isCurrentTerm: boolean; pastTerms: { year: string; term: string }[]; futureTerms: { year: string; term: string }[]; } export default function Term(props: Props) { let headerTerms = [{ year: props.year, term: props.term }]; // p, Current, f if (props.pastTerms.length > 0 && props.futureTerms.length > 0) { headerTerms = [ ...props.pastTerms.slice(-1), ...headerTerms, ...props.futureTerms.slice(0, 1), ]; } // p, p, Current else if (props.pastTerms.length > 0) { headerTerms = [...props.pastTerms.slice(-2), ...headerTerms]; } // Current, f, f else { headerTerms = [...headerTerms, ...props.futureTerms.slice(0, 2)]; } headerTerms.reverse(); const hasPastEvents = props.pastEvents.length !== 0; const hasFutureEvents = props.futureEvents.length !== 0; return (