✨ Order events on front page

WarwickStudentArtsFestival · Jun 9, 2024 · b16ee02 · b16ee02
1 parent ae652e7
commit b16ee02
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 5 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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)