From 824d60de20c37e48791648d4a8bb66abcdb2cc73 Mon Sep 17 00:00:00 2001
From: Jason Voccia <jads@voccia.com>
Date: Sat, 12 Oct 2024 11:13:14 -0400
Subject: [PATCH] bug: skip date rendering if error in EventDetails.tsx

---
 app/components/EventDetails.tsx | 67 ++++++++++++++++++++++-----------
 1 file changed, 45 insertions(+), 22 deletions(-)

diff --git a/app/components/EventDetails.tsx b/app/components/EventDetails.tsx
index 30907fb..d558bda 100644
--- a/app/components/EventDetails.tsx
+++ b/app/components/EventDetails.tsx
@@ -23,26 +23,49 @@ export function EventDetails({
 		day: "numeric",
 		month: "long",
 	});
-
-	return (
-		<article className={`event-details medium event-details-${weight}`}>
-			<h3 className="event-details-date">{formatter.format(date)}</h3>
-			<p>{location}</p>
-			<ul className="event-details-topics">
-				{topics.map((topic) => (
-					<li className="event-details-topic" key={topic}>
-						{topic}
-					</li>
-				))}
-			</ul>
-			<a href={link} rel="noreferrer" target="_blank">
-				{linkText}
-				<Arrow
-					className="arrow-out"
-					label="External link indication arrow"
-					rotate={-45}
-				/>
-			</a>
-		</article>
-	);
+	try {
+		return (
+			<article className={`event-details medium event-details-${weight}`}>
+				<h3 className="event-details-date">{formatter.format(date)}</h3>
+				<p>{location}</p>
+				<ul className="event-details-topics">
+					{topics.map((topic) => (
+						<li className="event-details-topic" key={topic}>
+							{topic}
+						</li>
+					))}
+				</ul>
+				<a href={link} rel="noreferrer" target="_blank">
+					{linkText}
+					<Arrow
+						className="arrow-out"
+						label="External link indication arrow"
+						rotate={-45}
+					/>
+				</a>
+			</article>
+		);
+	} catch (ex) {
+		return (
+			<article className={`event-details medium event-details-${weight}`}>
+				<h3 className="event-details-date">UNKNOWN</h3>
+				<p>{location}</p>
+				<ul className="event-details-topics">
+					{topics.map((topic) => (
+						<li className="event-details-topic" key={topic}>
+							{topic}
+						</li>
+					))}
+				</ul>
+				<a href={link} rel="noreferrer" target="_blank">
+					{linkText}
+					<Arrow
+						className="arrow-out"
+						label="External link indication arrow"
+						rotate={-45}
+					/>
+				</a>
+			</article>
+		);
+	}
 }