diff --git a/packages/components/src/api/media_files/GetMedia.ts b/packages/components/src/api/media_files/GetMedia.ts index e8e3c18ca9..6e9e690bab 100644 --- a/packages/components/src/api/media_files/GetMedia.ts +++ b/packages/components/src/api/media_files/GetMedia.ts @@ -35,10 +35,15 @@ export interface MediaFile { }, maybe_cover_image_public_bucket_path: string | null }; + maybe_moderator_fields?: MediaFileModeratorFields; created_at: Date; updated_at: Date; } +export interface MediaFileModeratorFields { + maybe_style_transfer_source_media_file_token?: string; +} + export interface GetMediaRequest {} export interface GetMediaResponse { diff --git a/packages/fakeyou.com/src/v2/view/pages/media/MediaPage.tsx b/packages/fakeyou.com/src/v2/view/pages/media/MediaPage.tsx index 692c97bcb7..8dee7bdc72 100644 --- a/packages/fakeyou.com/src/v2/view/pages/media/MediaPage.tsx +++ b/packages/fakeyou.com/src/v2/view/pages/media/MediaPage.tsx @@ -75,6 +75,7 @@ export default function MediaPage() { mediaFile?.maybe_creator_user?.user_token || "" ); + const isModerator = canBanUsers() || false; const viewerCanMakeFeatured = canBanUsers() || false; // Inside MediaPage.tsx @@ -251,6 +252,20 @@ export default function MediaPage() { > )} + {isModerator && mediaFile?.maybe_moderator_fields?.maybe_style_transfer_source_media_file_token && ( + <> +
+ Link to source (staff only) +
+