feat(ai): add metadata as conditional prop to MuxVideo mdx component

badass-courses · Jan 15, 2025 · 67810e1 · 67810e1
1 parent 4faa585
commit 67810e1
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/apps/ai-hero/src/markdown/mdx-components.tsx b/apps/ai-hero/src/markdown/mdx-components.tsx
@@ -107,11 +107,15 @@ const YouTube: React.FC<YouTubeProps> = ({ videoId }) => {
 
 type MuxVideoProps = {
 	playbackId: string
+	metadata?: {
+		video_id?: string
+		video_title?: string
+	}
 }
 
-const MuxVideo: React.FC<MuxVideoProps> = ({ playbackId }) => {
+const MuxVideo: React.FC<MuxVideoProps> = ({ playbackId, metadata }) => {
 	return playbackId ? (
-		<MuxPlayer data-body-video="" playbackId={playbackId} />
+		<MuxPlayer data-body-video="" playbackId={playbackId} metadata={metadata} />
 	) : null
 }