From 6a193f6d7bc002def6209546e2f3f08bdacf9d60 Mon Sep 17 00:00:00 2001 From: Oscar Eriksson Date: Thu, 17 Sep 2026 13:52:44 +0200 Subject: [PATCH 1/5] events are now grayed out when they have passed --- src/pages/event.tsx | 21 +++++++++++++++++++-- tsconfig.json | 2 +- tsconfig.tsbuildinfo | 2 +- 3 files changed, 21 insertions(+), 4 deletions(-) diff --git a/src/pages/event.tsx b/src/pages/event.tsx index f8ab546e..f03887d8 100644 --- a/src/pages/event.tsx +++ b/src/pages/event.tsx @@ -5,6 +5,7 @@ import { useState, useRef, useEffect } from "react"; type EventItem = { date: string; + eventDate?: string; companyName: string; image: string; fullImage?: boolean; @@ -31,6 +32,7 @@ function SingleEvent({ eventLinkSecondaryText, eventLinkSecondaryUrl, eventHash, + eventDate, }: { color: string; toReverse: boolean; @@ -44,11 +46,20 @@ function SingleEvent({ eventLinkSecondaryText?: string; eventLinkSecondaryUrl?: string; eventHash?: string; + eventDate?: string; }) { const t = useLocale(); const router = useRouter(); const [modalState, setModal] = useState(false); const modalRef = useRef(null); + const stockholmDateParts = new Intl.DateTimeFormat("en-US", { + timeZone: "Europe/Stockholm", + year: "numeric", + month: "2-digit", + day: "2-digit", + }).formatToParts(new Date()); + const stockholmToday = `${stockholmDateParts.find((part) => part.type === "year")?.value}-${stockholmDateParts.find((part) => part.type === "month")?.value}-${stockholmDateParts.find((part) => part.type === "day")?.value}`; + const isPast = eventDate ? eventDate < stockholmToday : false; const openModal = () => { setModal(true); @@ -92,7 +103,7 @@ function SingleEvent({ } - {/* Section of D-Dagen Info */} + {/* Section of D-Dagen Info + */}