fix: Add a display date

philly-js-club · Nov 1, 2024 · 241d8ea · 241d8ea
1 parent cfb25f7
commit 241d8ea
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 1 deletion.
diff --git 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
@@ -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
@@ -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) => (
 							<EventDetails
 								date={event.date}
+								displayDate={event.displayDate}
 								key={index}
 								link={event.link}
 								linkText="Register Now"

diff --git a/app/routes/events.tsx b/app/routes/events.tsx
@@ -37,6 +37,9 @@ export default function Events() {
 										{events.map((event) => (
 											<EventDetails
 												date={new Date(event.date)}
+												displayDate={
+													event.displayDate ?? "Missing Display Date"
+												}
 												key={event.date}
 												link={event.link}
 												linkText="Details"