small formatting changes to events page

langaracpsc · Nov 29, 2024 · e927fb2 · e927fb2
1 parent 1a56716
commit e927fb2
Showing 1 changed file with 9 additions and 4 deletions.
diff --git a/frontend/src/app/events/EventsPage.tsx b/frontend/src/app/events/EventsPage.tsx
@@ -48,14 +48,19 @@ export default async function EventsPage() {
         <div className="events-page flex flex-col gap-5">
             <h1 className="text-3xl font-bold">Upcoming Events:</h1>
             <div className="upcoming-events flex flex-wrap gap-5">
-                {upcomingEvents.map((event: Event) => (
-                    <EventItem key={event.id} event={event} />
-                ))}
+                {upcomingEvents.length > 0 ? (
+                    upcomingEvents.map((event: Event) => (
+                        <EventItem key={event.id} event={event} />
+                    ))
+                ) : (
+                    <p>No upcoming events, check back later!</p>
+                )}
             </div>
 
+            <h1 className="text-3xl pt-10 font-bold">Past Events:</h1>
             {sortedYears.map(year => (
                 <div key={year}>
-                    <h2 className="text-2xl font-bold pt-4 pb-[5px]">{year} Events:</h2>
+                    <h2 className="text-2xl font-bold pt-4 pb-[5px]">{year}:</h2>
                     <div className="past-events flex flex-wrap gap-5">
                         {pastEvents[year].map((event: Event) => (
                             <EventItem key={event.id} event={event} />