From 343622c880cb9788e25c0b3c07ef4b54387702d2 Mon Sep 17 00:00:00 2001
From: wil <test@local.host>
Date: Wed, 6 Mar 2024 18:00:51 -0500
Subject: [PATCH] even better admin pabnel

---
 .../components/pageVSTApp/compAdminPanel.tsx         | 12 +++++++++---
 .../components/pageVSTApp/pageVSTApp.tsx             |  1 +
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/packages/fakeyou.com/src/v2/view/pages/video_styletransfer/components/pageVSTApp/compAdminPanel.tsx b/packages/fakeyou.com/src/v2/view/pages/video_styletransfer/components/pageVSTApp/compAdminPanel.tsx
index 16bea762cc..0d2d22e4ae 100644
--- a/packages/fakeyou.com/src/v2/view/pages/video_styletransfer/components/pageVSTApp/compAdminPanel.tsx
+++ b/packages/fakeyou.com/src/v2/view/pages/video_styletransfer/components/pageVSTApp/compAdminPanel.tsx
@@ -1,7 +1,7 @@
 import React, {
   useState
 } from "react";
-
+import { useHistory } from "react-router-dom";
 import {
   Accordion,
   Button,
@@ -14,13 +14,17 @@ import { Action } from "../../reducer";
 import EnqueueVideoStyleTransfer from "@storyteller/components/src/api/video_styleTransfer";
 
 export const CompAdminPanel = ({
+  parentPath,
   vstValues,
   dispatchPageState
 }:{
-  vstValues : VSTType
+  parentPath: string;
+  vstValues : VSTType;
   dispatchPageState: (action: Action) => void;
 })=>{
-  const [jsonRequest, setJsonRequest] = useState<string>("{}");
+  const history = useHistory();
+  const exampleJSON = JSON.stringify(mapRequest(vstValues));
+  const [jsonRequest, setJsonRequest] = useState<string>(exampleJSON);
   const handleSendRequest = ()=>{
     EnqueueVideoStyleTransfer(JSON.parse(jsonRequest)).then(res => {
       if (res.success && res.inference_job_token) {
@@ -35,6 +39,8 @@ export const CompAdminPanel = ({
         console.log(res);
       }
     });
+    dispatchPageState({ type: "enqueueJob" });
+    history.push(`${parentPath}/jobs`);
   }
 
   return (
diff --git a/packages/fakeyou.com/src/v2/view/pages/video_styletransfer/components/pageVSTApp/pageVSTApp.tsx b/packages/fakeyou.com/src/v2/view/pages/video_styletransfer/components/pageVSTApp/pageVSTApp.tsx
index 68eebdeffb..1fbe3b2d29 100644
--- a/packages/fakeyou.com/src/v2/view/pages/video_styletransfer/components/pageVSTApp/pageVSTApp.tsx
+++ b/packages/fakeyou.com/src/v2/view/pages/video_styletransfer/components/pageVSTApp/pageVSTApp.tsx
@@ -139,6 +139,7 @@ export default function PageVSTApp({
         </div>
         {debug && 
           <CompAdminPanel
+            parentPath={parentPath}
             dispatchPageState={dispatchPageState}
             vstValues={vstValues}
           />