From 8f87522fb49436ce04ac1041d8a6bd8fd48e5d41 Mon Sep 17 00:00:00 2001
From: BFlat <bombayapirat@gmail.com>
Date: Mon, 29 Jan 2024 21:34:14 +0700
Subject: [PATCH] media page link with mediaToken

---
 .../src/v2/view/pages/fbx_to_gltf/FbxToGltfPage.tsx | 13 ++++++++++++-
 .../src/v2/view/pages/media/MediaPage.tsx           |  2 +-
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/packages/fakeyou.com/src/v2/view/pages/fbx_to_gltf/FbxToGltfPage.tsx b/packages/fakeyou.com/src/v2/view/pages/fbx_to_gltf/FbxToGltfPage.tsx
index 5cc9e20cc7..52db0728f0 100644
--- a/packages/fakeyou.com/src/v2/view/pages/fbx_to_gltf/FbxToGltfPage.tsx
+++ b/packages/fakeyou.com/src/v2/view/pages/fbx_to_gltf/FbxToGltfPage.tsx
@@ -1,15 +1,26 @@
 import { faArrowRightArrowLeft } from "@fortawesome/pro-solid-svg-icons";
+import { BucketConfig } from "@storyteller/components/src/api/BucketConfig";
 import { Button, Container, Panel } from "components/common";
 import FileInput from "components/common/FileInput";
 import PageHeader from "components/layout/PageHeader";
-import { useFile } from "hooks";
+import { useFile, useMedia } from "hooks";
 import React from "react";
+import { useParams } from "react-router-dom";
 
 interface FbxToGltfPageProps {}
 
 export default function FbxToGltfPage(props: FbxToGltfPageProps) {
+  const { mediaToken } = useParams<{ mediaToken: string }>();
+  const { media } = useMedia({ mediaToken });
   const fileProps = useFile({});
 
+  let fileBucketPath = new BucketConfig().getGcsUrl(media?.public_bucket_path);
+
+  if (mediaToken) {
+    //sets media file
+    fileProps.blob = fileBucketPath;
+  }
+
   return (
     <Container type="panel">
       <PageHeader
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 ad20d3bb6d..078c48823b 100644
--- a/packages/fakeyou.com/src/v2/view/pages/media/MediaPage.tsx
+++ b/packages/fakeyou.com/src/v2/view/pages/media/MediaPage.tsx
@@ -129,7 +129,7 @@ export default function MediaPage() {
                 <Button
                   icon={faArrowRightArrowLeft}
                   label="Convert FBX to glTF"
-                  to="/fbx-to-gltf"
+                  to={`/fbx-to-gltf/${mediaFile.token}`}
                   variant="primary"
                 />
               </div>