add location to panels

kentcdodds · Sep 20, 2024 · 9729f13 · 9729f13
1 parent e4ac38f
commit 9729f13
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/app/components/workshop-card.tsx b/app/components/workshop-card.tsx
@@ -69,7 +69,9 @@ function WorkshopCard({
 							title="Open for registration"
 						/>
 						{workshopEvents.length === 1
-							? workshopEvents[0]?.date
+							? [workshopEvents[0]?.date, workshopEvents[0]?.location]
+									.filter(Boolean)
+									.join(' | ')
 							: 'Multiple events scheduled'}
 					</>
 				) : (

diff --git a/app/components/workshop-registration-panel.tsx b/app/components/workshop-registration-panel.tsx
@@ -35,6 +35,11 @@ function RegistrationPanel({
 				<h5 className="text-2xl font-medium text-black dark:text-white">
 					{workshopEvent.title}
 				</h5>
+				{workshopEvent.location ? (
+					<p className="text-secondary inline-block">
+						Location: {workshopEvent.location}
+					</p>
+				) : null}
 				<div className="flex flex-wrap gap-2">
 					<p className="text-secondary inline-block">{workshopEvent.date}</p>
 					<span>{hasDiscounts ? ' | ' : null}</span>