diff --git a/pages/eventsPage.tsx b/pages/eventsPage.tsx index 75e2f46..93f9fc5 100644 --- a/pages/eventsPage.tsx +++ b/pages/eventsPage.tsx @@ -47,21 +47,18 @@ export default function Events({ events }: Props): JSX.Element { ); }); - if (committee === 'board') { - filteredEvents.shift(); - } - return (

Events

- {/*

- Event descriptions Event descriptionsEvent descriptionsEvent - descriptionsEvent descriptionsEvent descriptions Event - descriptionsEvent descriptionsEvent descriptions -

*/}

Upcoming Events

+ {/* if there are no events, display a message */} + {filteredEvents.length === 0 && ( +
+

Stay tuned for more events!

+
+ )} {filteredEvents.map((event, index) => { const start = format(new Date(event.start), 'h:mma'); const end = format(new Date(event.end), 'h:mma'); diff --git a/styles/Events.module.scss b/styles/Events.module.scss index 87961e7..b389d28 100644 --- a/styles/Events.module.scss +++ b/styles/Events.module.scss @@ -38,6 +38,14 @@ color: vars.$committee-color; } +.message { + font-weight: 400; + font-size: 28px; + margin-left: 1rem; + margin-top: 2rem; + color: #313235; +} + .card { min-height: 200px; text-align: center;