Add index.tsx
continuous-integration/drone/push Build is failing
Details
continuous-integration/drone/push Build is failing
Details
This commit is contained in:
parent
3e61407643
commit
03197ee048
|
@ -1,145 +0,0 @@
|
||||||
import { MDXRemote } from "next-mdx-remote";
|
|
||||||
import React from "react";
|
|
||||||
|
|
||||||
import { EventCard } from "../../../../components/EventCard";
|
|
||||||
import { MiniEventCard } from "../../../../components/MiniEventCard";
|
|
||||||
import {
|
|
||||||
getEventYears,
|
|
||||||
getEventTermsByYear,
|
|
||||||
getEventsByTerm,
|
|
||||||
getEventBySlug,
|
|
||||||
Event,
|
|
||||||
} from "../../../../lib/events";
|
|
||||||
|
|
||||||
import styles from "./term.module.css";
|
|
||||||
|
|
||||||
export async function getStaticPaths(): Promise<{
|
|
||||||
paths: {
|
|
||||||
params: {
|
|
||||||
year: string;
|
|
||||||
term: string;
|
|
||||||
};
|
|
||||||
}[];
|
|
||||||
fallback: boolean;
|
|
||||||
}> {
|
|
||||||
const years = await getEventYears();
|
|
||||||
const paths = [];
|
|
||||||
for (const year of years) {
|
|
||||||
const terms = await getEventTermsByYear(year);
|
|
||||||
const yearPaths = terms.map((curTerm) => ({
|
|
||||||
params: { year: year, term: curTerm },
|
|
||||||
}));
|
|
||||||
paths.push(...yearPaths);
|
|
||||||
}
|
|
||||||
|
|
||||||
return {
|
|
||||||
paths: paths,
|
|
||||||
fallback: false,
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
interface Context {
|
|
||||||
params: {
|
|
||||||
year: string;
|
|
||||||
term: string;
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
interface Props {
|
|
||||||
term: string;
|
|
||||||
year: string;
|
|
||||||
pastEvents: Event[];
|
|
||||||
futureEvents: Event[];
|
|
||||||
}
|
|
||||||
|
|
||||||
export async function getStaticProps(context: Context): Promise<{
|
|
||||||
props: Props;
|
|
||||||
}> {
|
|
||||||
const events = (
|
|
||||||
await Promise.all(
|
|
||||||
(
|
|
||||||
await getEventsByTerm(context.params.year, context.params.term)
|
|
||||||
).map((file: string) =>
|
|
||||||
getEventBySlug(context.params.year, context.params.term, file)
|
|
||||||
)
|
|
||||||
)
|
|
||||||
).sort(
|
|
||||||
(a, b) =>
|
|
||||||
new Date(a.metadata.date).getTime() - new Date(b.metadata.date).getTime()
|
|
||||||
);
|
|
||||||
|
|
||||||
const pastEvents = events.filter(
|
|
||||||
(event) => new Date(event.metadata.date).getTime() < Date.now()
|
|
||||||
);
|
|
||||||
|
|
||||||
const futureEvents = events.filter(
|
|
||||||
(event) => new Date(event.metadata.date).getTime() >= Date.now()
|
|
||||||
);
|
|
||||||
|
|
||||||
return {
|
|
||||||
props: {
|
|
||||||
term: context.params.term,
|
|
||||||
year: context.params.year,
|
|
||||||
pastEvents: pastEvents,
|
|
||||||
futureEvents: futureEvents,
|
|
||||||
},
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
const Term = (props: Props) => {
|
|
||||||
const hasPastEvents = props.pastEvents.length !== 0;
|
|
||||||
const hasFutureEvents = props.futureEvents.length !== 0;
|
|
||||||
|
|
||||||
return (
|
|
||||||
<div className={styles.main}>
|
|
||||||
{hasFutureEvents && (
|
|
||||||
<>
|
|
||||||
<h2 className={styles.heading2}>Upcoming Events:</h2>
|
|
||||||
<hr />
|
|
||||||
<div className={styles.miniEventCards}>
|
|
||||||
{props.futureEvents.map(({ content, metadata }) => (
|
|
||||||
<EventCard
|
|
||||||
{...metadata}
|
|
||||||
date={new Date(metadata.date)}
|
|
||||||
key={metadata.name + metadata.date.toString()}
|
|
||||||
>
|
|
||||||
<MDXRemote {...content} />
|
|
||||||
</EventCard>
|
|
||||||
))}
|
|
||||||
</div>
|
|
||||||
</>
|
|
||||||
)}
|
|
||||||
{hasFutureEvents && hasPastEvents && (
|
|
||||||
<>
|
|
||||||
<h2 className={styles.heading2}>Past Events:</h2>
|
|
||||||
<hr />
|
|
||||||
</>
|
|
||||||
)}
|
|
||||||
{!hasFutureEvents && (
|
|
||||||
<>
|
|
||||||
<h2 className={styles.heading2}>
|
|
||||||
Events Archive:
|
|
||||||
<span className={styles.blue}>
|
|
||||||
{` ${props.term.charAt(0).toUpperCase()}${props.term.slice(1)} ${
|
|
||||||
props.year
|
|
||||||
}`}
|
|
||||||
</span>
|
|
||||||
</h2>
|
|
||||||
<hr />
|
|
||||||
</>
|
|
||||||
)}
|
|
||||||
<div className={styles.miniEventCards}>
|
|
||||||
{props.pastEvents.map(({ content, metadata }) => (
|
|
||||||
<MiniEventCard
|
|
||||||
{...metadata}
|
|
||||||
date={new Date(metadata.date)}
|
|
||||||
description={<MDXRemote {...content} />}
|
|
||||||
key={metadata.name + metadata.date.toString()}
|
|
||||||
/>
|
|
||||||
))}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
export default Term;
|
|
|
@ -1,20 +0,0 @@
|
||||||
.main {
|
|
||||||
margin: auto;
|
|
||||||
margin-top: 7rem;
|
|
||||||
margin-bottom: 14rem;
|
|
||||||
width: 50rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.heading2 {
|
|
||||||
font-weight: 700;
|
|
||||||
font-size: 2.25rem;
|
|
||||||
color: var(--primary-heading);
|
|
||||||
}
|
|
||||||
|
|
||||||
.blue {
|
|
||||||
color: var(--primary-accent)
|
|
||||||
}
|
|
||||||
|
|
||||||
.miniEventCards {
|
|
||||||
margin-top: 30px;
|
|
||||||
}
|
|
|
@ -0,0 +1,35 @@
|
||||||
|
import Term, {
|
||||||
|
getStaticProps as termGetStaticProps,
|
||||||
|
} from "./[year]/[term]/index";
|
||||||
|
|
||||||
|
export async function getStaticProps() {
|
||||||
|
const date = new Date();
|
||||||
|
let term = "";
|
||||||
|
const year = date.getUTCFullYear();
|
||||||
|
if (
|
||||||
|
new Date(`${year}-01-01`).getTime() <= date.getTime() &&
|
||||||
|
date.getTime() <= new Date(`${year}-04-30`).getTime()
|
||||||
|
) {
|
||||||
|
term = "winter";
|
||||||
|
} else if (
|
||||||
|
new Date(`${year}-05-01`).getTime() <= date.getTime() &&
|
||||||
|
date.getTime() <= new Date(`${year}-08-31`).getTime()
|
||||||
|
) {
|
||||||
|
term = "spring";
|
||||||
|
} else if (
|
||||||
|
new Date(`${year}-09-01`).getTime() <= date.getTime() &&
|
||||||
|
date.getTime() <= new Date(`${year}-12-31`).getTime()
|
||||||
|
) {
|
||||||
|
term = "fall";
|
||||||
|
}
|
||||||
|
|
||||||
|
const context = {
|
||||||
|
params: {
|
||||||
|
year: `${year}`,
|
||||||
|
term: term,
|
||||||
|
},
|
||||||
|
};
|
||||||
|
return await termGetStaticProps(context);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default Term;
|
Loading…
Reference in New Issue