default title when renaming, cleanup

packages/components/src/api/media_files/GetMedia.ts

@@ -15,6 +15,7 @@ export interface MediaFile {
   maybe_engine_extension: string | null;
   maybe_batch_token: string;
   maybe_title: string | null;
+  maybe_original_filename: string | null;
   maybe_creator_user: UserDetailsLight | null;
   maybe_prompt_token: string | null;
   creator_set_visibility: string;

packages/fakeyou.com/src/v2/view/pages/media/MediaPage.tsx

@@ -34,7 +34,6 @@ import BookmarkButton from "components/common/BookmarkButton";
 import LikeButton from "components/common/LikeButton";
 import { useBookmarks, useMedia, useRatings, useSession } from "hooks";
 import { WeightCategory } from "@storyteller/components/src/api/_common/enums/WeightCategory";
-//import Iframe from "react-iframe";
 import SdBatchMediaPanel from "./components/SdBatchMediaPanel/SdBatchMediaPanel";
 import { GetMediaBatchImages } from "@storyteller/components/src/api/media_files/GetMediaBatchImages";
 import { mediaTypeLabels } from "utils/mediaTypeLabels";
@@ -232,52 +231,6 @@ export default function MediaPage() {
             <EngineMediaPanel mediaFile={mediaFile} />
           </>
         )
-      /*
-      case MediaFileType.BVH:
-        const bvhUrl = bucketConfig.getGcsUrl(mediaFile.public_bucket_path);
-        return (
-          <Iframe
-            {...{
-              url: `https://engine.fakeyou.com?mode=viewer&bvh=${bvhUrl}&skybox=${SKYBOX}`,
-              className: "fy-studio-frame",
-            }}
-          />
-        );
-      case MediaFileType.GLB:
-        const glbUrl = bucketConfig.getGcsUrl(mediaFile.public_bucket_path);
-        return (
-          <Iframe
-            {...{
-              url: `https://engine.fakeyou.com?mode=viewer&mixamo=${glbUrl}&skybox=${SKYBOX}`,
-              className: "fy-studio-frame",
-            }}
-          />
-        );
-      case MediaFileType.GLTF:
-        const gltfUrl = bucketConfig.getGcsUrl(mediaFile.public_bucket_path);
-        return (
-          <Iframe
-            {...{
-              url: `https://engine.fakeyou.com?mode=viewer&mixamo=${gltfUrl}&skybox=${SKYBOX}`,
-              className: "fy-studio-frame",
-            }}
-          />
-        );
-      case MediaFileType.SceneRon:
-        // NB: Storyteller Engine makes the API call to load the scene.
-        // We don't need to pass the bucket path.
-        // The engine, does, however, need a `.scn.ron` file extension.
-        const sceneRonUrl = `remote://${mediaFile.token}.scn.ron`;
-        // NB: Skybox param doesn't work with scenes. Scenes will bake in a skybox in the future.
-        return (
-          <Iframe
-            {...{
-              url: `https://engine.fakeyou.com?mode=viewer&scene=${sceneRonUrl}`,
-              className: "fy-studio-frame",
-            }}
-          />
-        );
-      */
       case MediaFileType.FBX:
         return (
           <Panel padding={true}>

packages/fakeyou.com/src/v2/view/pages/media/MediaRenamePage.tsx

@@ -31,9 +31,12 @@ export default function MediaRenamePage() {
     GetMedia(media_file_token,{})
     .then((res) => {
       if (res.success && res.media_file) {
+        let currentTitle = 
+          res.media_file.maybe_title || 
+          res.media_file.maybe_original_filename || 
+          "";
         setMediaFile(res.media_file);
-        setMediaTitle(res.media_file.maybe_title || "");
-
+        setMediaTitle(currentTitle);
       }
     })
   },[setMediaFile, media_file_token]);