add location support for workshops

app/root.tsx

@@ -173,6 +173,7 @@ export async function loader({ request }: LoaderFunctionArgs) {
 						title: workshop.title,
 						slug: workshop.slug,
 						promoName,
+						location: event.location,
 						dismissTimeSeconds: Math.min(
 							Math.max(
 								// one quarter of the time until the promoEndTime (in seconds)
@@ -241,6 +242,7 @@ export async function loader({ request }: LoaderFunctionArgs) {
 				title: e.title,
 				slug: workshop.slug,
 				promoName,
+				location: e.location,
 				dismissTimeSeconds: Math.min(
 					Math.max(
 						// one quarter of the time until the promoEndTime (in seconds)
@@ -475,10 +477,15 @@ function App() {
 							<p className="flex items-center gap-1">
 								<LaptopIcon />
 								<span>
-									Join Kent for an interactive{' '}
+									Join Kent for a{' '}
 									<Link to="/workshops" className="underline">
 										live workshop
 									</Link>
+									{e.location
+										? e.location === 'Remote'
+											? null
+											: ` in ${e.location}`
+										: null}
 								</span>
 							</p>
 							<Link

content/workshops/advanced-react-apis.yml

@@ -15,6 +15,7 @@ events:
     quantity: 50
     url: https://www.reactindia.io/workshops
     date: 2024-10-17
+    location: 'Goa, India 🇮🇳'
 convertKitTag: '896447'
 problemStatements:
   part1:

types/index.d.ts

@@ -65,6 +65,7 @@ type ManualWorkshopEvent = {
 	url: string
 	quantity?: number
 	remaining?: number
+	location?: string
 	date: string
 }