bug: skip date rendering if error in EventDetails.tsx

philly-js-club · Oct 12, 2024 · 824d60d · 824d60d
1 parent d9217d5
commit 824d60d
Showing 1 changed file with 45 additions and 22 deletions.
diff --git 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>
+		);
+	}
 }