From a04f287fbedb698252a24b933ff1326566cbec91 Mon Sep 17 00:00:00 2001
From: Michael Chung <6252325+ArEnSc@users.noreply.github.com>
Date: Fri, 5 Apr 2024 22:27:49 -0400
Subject: [PATCH] added modal to load from media token

---
 .../ControlsTopButtons/ControlsTopButtons.tsx | 29 ++++++++++++++++++-
 app/pages/PageEnigma/js/editor.ts             |  3 ++
 2 files changed, 31 insertions(+), 1 deletion(-)

diff --git a/app/pages/PageEnigma/comps/ControlsTopButtons/ControlsTopButtons.tsx b/app/pages/PageEnigma/comps/ControlsTopButtons/ControlsTopButtons.tsx
index 527bd5226b..791a3b6484 100644
--- a/app/pages/PageEnigma/comps/ControlsTopButtons/ControlsTopButtons.tsx
+++ b/app/pages/PageEnigma/comps/ControlsTopButtons/ControlsTopButtons.tsx
@@ -12,18 +12,25 @@ export const ControlsTopButtons = () => {
   const [sceneName, setSceneName] = useState<string>("");
   const [sceneToken, setSceneToken] = useState<string>("");
 
+  // for testing
+  const [mediaToken, setMediaToken] = useState<string>("");
+
   const handleButtonSave = () => {
     console.log(`SceneName is ${sceneName}`);
     editorEngine?.saveScene(sceneName);
   };
 
+  const handleMediaToken = async () => {
+    await editorEngine?.test_loadMediaToken(mediaToken)
+  };
+
   const handleButtonLoadScene = () => {
     console.log(`Scene Token is ${sceneToken}`);
     editorEngine?.loadScene(sceneToken);
   };
 
   const handleButtonTest = () => {
-    editorEngine?.testStylizeRequest();
+    //editorEngine?.testStylizeRequest();
   };
 
   const handleTestButton2 = () => {
@@ -86,6 +93,26 @@ export const ControlsTopButtons = () => {
           />
         </ButtonDialogue>
 
+        <ButtonDialogue
+          buttonProps={{
+            variant: "secondary",
+            label: "Add Scene Object (Test)",
+          }}
+          confirmButtonProps={{
+            label: "Save",
+            disabled: sceneName === "",
+            onClick: handleMediaToken,
+          }}
+          title="Add Scene Object via Media Token"
+        >
+         <Input
+            label="Please Enter a Media Token"
+            onChange={(e) => {
+              setMediaToken(e.target.value);
+            }}
+            />
+        </ButtonDialogue>
+
         <ButtonDialogue
           buttonProps={{
             variant: "secondary",
diff --git a/app/pages/PageEnigma/js/editor.ts b/app/pages/PageEnigma/js/editor.ts
index d60482f6bb..afc6615cf7 100644
--- a/app/pages/PageEnigma/js/editor.ts
+++ b/app/pages/PageEnigma/js/editor.ts
@@ -451,6 +451,9 @@ class Editor {
     }
   }
 
+  public async test_loadMediaToken(media_file_token: string) {
+    // 
+  }
 
   public async saveScene(name: string) {
     // remove controls when saving scene.