add classes future/past to date list items

2024-08-18 22:22:46 +02:00
parent 4853e74fe0
commit e5367c640f
2 changed files with 5 additions and 13 deletions
--- a/web/src/components/events/DateList.tsx
+++ b/web/src/components/events/DateList.tsx
@ -16,7 +16,11 @@ const DateListItem = ({ occurrence }: { occurrence: EventOccurrence }) => {
  const wholeCastle = occurrence.venue?.slug === "hele-huset";

  return (
-    <li className={styles.date}>
+    <li
+      className={`${styles.date} ${
+        isTodayOrFuture(occurrence.start) ? styles.future : styles.past
+      }`}
+    >
      <div className={styles.time}>
        <span className={styles.day}>
          {formatExtendedDateTime(occurrence.start, true)}