diff --git a/app/components/EventDetails.tsx b/app/components/EventDetails.tsx index 02a29c4..0f1d424 100644 --- a/app/components/EventDetails.tsx +++ b/app/components/EventDetails.tsx @@ -3,6 +3,7 @@ import { region } from "~/config"; interface EventDetailsProps { date: Date; + displayDate: string; link: string; linkText: string; location: string; @@ -12,6 +13,7 @@ interface EventDetailsProps { export function EventDetails({ date, + displayDate, link, location, linkText, @@ -36,7 +38,7 @@ export function EventDetails({ } catch (ex) { console.log("Date:", date); console.log("Error:", ex); - strDate = "Unknown"; + strDate = displayDate; } } diff --git a/app/data/events.json b/app/data/events.json index 63c8614..1fbf86b 100644 --- a/app/data/events.json +++ b/app/data/events.json @@ -1,6 +1,7 @@ [ { "date": "2024-12-12T18:00:00.000-05:00", + "displayDate": "December 12", "duration": { "hours": 2 }, @@ -10,6 +11,7 @@ }, { "date": "2024-11-14T18:00:00.000-05:00", + "displayDate": "November 14", "duration": { "hours": 2 }, diff --git a/app/routes/_index.tsx b/app/routes/_index.tsx index 6287cf9..0e87e92 100644 --- a/app/routes/_index.tsx +++ b/app/routes/_index.tsx @@ -13,6 +13,7 @@ export function loader() { const events = eventsJson.map((event) => ({ ...event, date: new Date(event.date), + displayDate: event.displayDate ?? "Missing Display Date", })); // This assumes we'll always have a rebuild of the site after an event finishes. @@ -46,6 +47,7 @@ export default function Index() { {events.map((event, index) => ( (