diff --git a/packages/components/src/api/media_files/GetMediaFile.ts b/packages/components/src/api/media_files/GetMediaFile.ts index 39f42bc1c7..1e87adf051 100644 --- a/packages/components/src/api/media_files/GetMediaFile.ts +++ b/packages/components/src/api/media_files/GetMediaFile.ts @@ -21,6 +21,7 @@ export interface MediaFile { maybe_weight_creator: UserDetailsLight; maybe_cover_image_public_bucket_path: string; }; + maybe_text_transcript?: string; } export enum MediaFileLookupError { diff --git a/packages/fakeyou.com/src/components/common/Card/AudioCard/AudioCard.tsx b/packages/fakeyou.com/src/components/common/Card/AudioCard/AudioCard.tsx index dfcf6fe4bb..40a411072d 100644 --- a/packages/fakeyou.com/src/components/common/Card/AudioCard/AudioCard.tsx +++ b/packages/fakeyou.com/src/components/common/Card/AudioCard/AudioCard.tsx @@ -111,6 +111,11 @@ export default function AudioCard({ : "Media Audio"}

{timeAgo}

+ {data.maybe_text_transcript && ( +

+ {data.maybe_text_transcript} +

+ )} {/* Show TTS text input if it is a TTS result */} - {mediaFile.public_bucket_path.includes("tts_inference_output") && ( + {mediaFile.maybe_text_transcript && (
- Audio Text + Audio Text Transcript
-

- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed - do eiusmod tempor incididunt ut labore et dolore magna aliqua. - Pellentesque elit ullamcorper dignissim cras tincidunt - lobortis. Integer malesuada nunc vel risus commodo viverra - maecenas accumsan lacus. -

+

{mediaFile.maybe_text_transcript}

)} @@ -401,14 +395,14 @@ export default function MediaPage() { }} /> + {...{ + large: true, + ...bookmarks.makeProps({ + entityToken: token, + entityType: "media_file", + }), + }} + />