From b16ee02a2289dc9c08dcd00c0c5b5490f11a2cd5 Mon Sep 17 00:00:00 2001
From: Josh Heng <josh@joshheng.co.uk>
Date: Sun, 9 Jun 2024 21:15:36 +0100
Subject: [PATCH] :sparkles: Order events on front page

---
 src/app/(home)/components/whats-on.tsx                  | 1 +
 src/app/events/components/event-card.tsx                | 8 +++++++-
 src/app/schedule/components/schedule-event-instance.tsx | 2 +-
 src/lib/events.ts                                       | 6 +++---
 4 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/src/app/(home)/components/whats-on.tsx b/src/app/(home)/components/whats-on.tsx
index 5ff2399..74118c4 100644
--- a/src/app/(home)/components/whats-on.tsx
+++ b/src/app/(home)/components/whats-on.tsx
@@ -26,6 +26,7 @@ export default async function WhatsOn() {
         .
       </p>
 
+      <p className="font-bold mb-1">Coming up Next:</p>
       <div className="mx-4 mb-4 flex justify-center flex-wrap gap-4">
         {events.map((event) => (
           <EventCard
diff --git a/src/app/events/components/event-card.tsx b/src/app/events/components/event-card.tsx
index aeb0397..3f55838 100644
--- a/src/app/events/components/event-card.tsx
+++ b/src/app/events/components/event-card.tsx
@@ -17,6 +17,7 @@ export default function EventCard({
   spacingClasses?: string;
   pastEvent?: boolean;
 }) {
+  const currentTime = new Date().getTime();
   return (
     <a
       href={`/events/${event.slug}`}
@@ -27,7 +28,12 @@ export default function EventCard({
       >
         <div className="text-xs">
           {event.schedule_eventinstance.map((instance) => (
-            <p key={instance.id}>
+            <p
+              key={instance.id}
+              className={
+                instance.end.getTime() < currentTime ? 'line-through' : ''
+              }
+            >
               <time dateTime={instance.start.toISOString()}>
                 {formatShowDateTime(instance.start)}
               </time>{' '}
diff --git a/src/app/schedule/components/schedule-event-instance.tsx b/src/app/schedule/components/schedule-event-instance.tsx
index 3ffd8b2..8ee2a39 100644
--- a/src/app/schedule/components/schedule-event-instance.tsx
+++ b/src/app/schedule/components/schedule-event-instance.tsx
@@ -18,7 +18,7 @@ export default function ScheduleEventInstance({
   return (
     <a
       href={`/events/${eventInstance.schedule_event.slug}`}
-      className={`block w-52 ${eventPage ? 'hover:scale-105' : 'mr-3'} ${eventInstance.start.getTime() - new Date().getTime() > 0 ? '' : 'opacity-50 line-through'}`}
+      className={`block w-52 ${eventPage ? 'hover:scale-105' : 'mr-3'} ${eventInstance.end.getTime() - new Date().getTime() > 0 ? '' : 'opacity-50 line-through'}`}
     >
       <article
         className={`group p-2 ${getEventColourClasses(eventInstance.schedule_event)} drop-shadow-md h-full relative`}
diff --git a/src/lib/events.ts b/src/lib/events.ts
index d5e3714..bc5b529 100644
--- a/src/lib/events.ts
+++ b/src/lib/events.ts
@@ -87,7 +87,7 @@ export async function getEvents(
       schedule_eventinstance: {
         some: {
           published: true,
-          start: pastEvents
+          end: pastEvents
             ? pastEvents === 1
               ? { gte: new Date() }
               : { lte: new Date() }
@@ -117,10 +117,10 @@ export async function getEvents(
       .map((val) => ({
         val,
         earliest:
-          (pastEvents !== 1
+          (pastEvents !== 1 && false
             ? val.schedule_eventinstance[0]?.start?.getTime()
             : val.schedule_eventinstance
-                .filter((instance) => instance.end.getTime() < currentTime)[0]
+                .filter((instance) => instance.end.getTime() >= currentTime)[0]
                 ?.start?.getTime()) || 0,
       }))
       .sort((a, b) => a.earliest - b.earliest)