Add YouTube embeds to session pages (#916)

Author: egeakman

src/content/config.ts

@@ -89,6 +89,7 @@ const sessions = defineCollection({
     start: z.string().nullable(),
     end: z.string().nullable(),
     website_url: z.string().url(),
+    youtube_url: z.string().url().nullable(),
     sessions_in_parallel: z.array(z.string()).nullable(),
     sessions_after: z.array(z.string()).nullable(),
     sessions_before: z.array(z.string()).nullable(),

src/pages/session/[slug].astro

@@ -4,6 +4,7 @@ import Layout from "../../layouts/Layout.astro";
 import Prose from "../../components/prose/prose.astro";
 import { Separator } from "../../components/separator/separator";
 import { formatInTimeZone } from "date-fns-tz";
+import { YouTube } from "@astro-community/astro-embed-youtube";
 
 export async function getStaticPaths() {
   const sessions = await getCollection("sessions");
@@ -86,6 +87,13 @@ const nextSessionsOrdered = sameRoomNextSession
       <Content />
     </Prose>
 
+    {entry.data.youtube_url && (
+      <Prose>
+        <h2>Recording</h2>
+        <YouTube id={entry.data.youtube_url} />
+      </Prose>
+    )}
+
     {entry.data.resources && (
       <>
         <br />