fix: adding titles to videos

badass-courses · Jan 21, 2025 · f2e3d54 · f2e3d54
1 parent aa5fd88
commit f2e3d54
Show file tree

Hide file tree

Showing 7 changed files with 16 additions and 4 deletions.
diff --git a/apps/ai-hero/src/app/(content)/[post]/page.tsx b/apps/ai-hero/src/app/(content)/[post]/page.tsx
@@ -308,6 +308,7 @@ async function PlayerContainer({ post }: { post: Post | null }) {
 					className="mb-10 flex flex-col items-center justify-center border-b bg-black"
 				>
 					<PostPlayer
+						title={post.fields?.title}
 						thumbnailTime={post.fields?.thumbnailTime || 0}
 						postId={post.id}
 						className="aspect-video h-full max-h-[75vh] w-full overflow-hidden"

diff --git a/apps/ai-hero/src/app/(content)/_components/authed-video-player.tsx b/apps/ai-hero/src/app/(content)/_components/authed-video-player.tsx
@@ -33,6 +33,7 @@ import { revalidateModuleLesson } from '../actions'
 import { useModuleProgress } from './module-progress-provider'
 
 export function AuthedVideoPlayer({
+	title,
 	muxPlaybackId,
 	className,
 	playbackIdLoader,
@@ -43,6 +44,7 @@ export function AuthedVideoPlayer({
 	...props
 }: {
 	muxPlaybackId?: string
+	title?: string
 	playbackIdLoader: Promise<string | null | undefined>
 	className?: string
 	abilityLoader?: Promise<AbilityForResource>
@@ -184,7 +186,7 @@ export function AuthedVideoPlayer({
 		<MuxPlayer
 			metadata={{
 				video_id: currentResource.id,
-				video_title: currentResource.fields?.title,
+				video_title: title || currentResource.fields?.title,
 			}}
 			ref={playerRef}
 			playbackId={playbackId}

diff --git a/apps/ai-hero/src/app/(content)/_components/edit-lesson-form-metadata.tsx b/apps/ai-hero/src/app/(content)/_components/edit-lesson-form-metadata.tsx
@@ -148,7 +148,10 @@ export const LessonMetadataFormFields: React.FC<{
 							<>
 								{videoResource && videoResource.state === 'ready' ? (
 									<div>
-										<LessonPlayer videoResource={videoResource} />
+										<LessonPlayer
+											title={lesson.fields?.title}
+											videoResource={videoResource}
+										/>
 										<Button
 											variant="ghost"
 											type="button"

diff --git a/apps/ai-hero/src/app/(content)/_components/lesson-player.tsx b/apps/ai-hero/src/app/(content)/_components/lesson-player.tsx
@@ -11,10 +11,12 @@ export function LessonPlayer({
 	muxPlaybackId,
 	className,
 	videoResource,
+	title,
 }: {
 	muxPlaybackId?: string
 	videoResource: VideoResource | null | undefined
 	className?: string
+	title?: string
 }) {
 	const playerProps = {
 		id: 'mux-player',
@@ -34,7 +36,7 @@ export function LessonPlayer({
 				<MuxPlayer
 					metadata={{
 						video_id: videoResource?.id,
-						video_title: videoResource?.title,
+						video_title: title || videoResource?.id,
 					}}
 					playbackId={playbackId}
 					className={cn(className)}

diff --git a/apps/ai-hero/src/app/(content)/posts/_components/post-player.tsx b/apps/ai-hero/src/app/(content)/posts/_components/post-player.tsx
@@ -38,12 +38,14 @@ export function PostPlayer({
 	videoResource,
 	postId,
 	thumbnailTime,
+	title,
 }: {
 	muxPlaybackId?: string
 	videoResource: VideoResource
 	className?: string
 	postId: string
 	thumbnailTime?: number
+	title?: string
 }) {
 	// const ability = abilityLoader ? use(abilityLoader) : null
 	// const canView = ability?.canView
@@ -124,7 +126,7 @@ export function PostPlayer({
 				<MuxPlayer
 					metadata={{
 						video_id: videoResource?.id,
-						video_title: videoResource?.title,
+						video_title: title || videoResource?.id,
 					}}
 					playbackId={playbackId}
 					className={cn(className)}

diff --git a/apps/ai-hero/src/app/(content)/tutorials/[module]/[lesson]/(view)/shared-page.tsx b/apps/ai-hero/src/app/(content)/tutorials/[module]/[lesson]/(view)/shared-page.tsx
@@ -221,6 +221,7 @@ async function PlayerContainer({
 						playbackIdLoader={playbackIdLoader}
 						resource={lesson}
 						abilityLoader={abilityLoader}
+						title={lesson.fields?.title}
 					/>
 				</Suspense>
 			</div>

diff --git a/apps/ai-hero/src/app/(content)/workshops/[module]/[lesson]/(view)/shared-page.tsx b/apps/ai-hero/src/app/(content)/workshops/[module]/[lesson]/(view)/shared-page.tsx
@@ -186,6 +186,7 @@ async function PlayerContainer({
 						abilityLoader={abilityLoader}
 						moduleSlug={params.module}
 						moduleType="workshop"
+						title={lesson.fields?.title}
 					/>
 				</Suspense>
 			</div>