From a733ff7926dcc42edf2835ff048cc358d27b2b8f Mon Sep 17 00:00:00 2001
From: Victor <victor@storyteller.ai>
Date: Thu, 16 Nov 2023 22:07:19 -0800
Subject: [PATCH] jobs enqueueing from creating voice designer voices

---
 .../InferenceJobsList/InferenceJobsList.tsx   |  2 +-
 .../fakeyou.com/src/v2/view/PageContainer.tsx | 26 ++++++++++++++-----
 .../voice_designer/VoiceDesignerFormPage.tsx  |  9 ++++++-
 3 files changed, 28 insertions(+), 9 deletions(-)

diff --git a/packages/fakeyou.com/src/components/layout/InferenceJobsList/InferenceJobsList.tsx b/packages/fakeyou.com/src/components/layout/InferenceJobsList/InferenceJobsList.tsx
index 3f123bd575..9c0274f22c 100644
--- a/packages/fakeyou.com/src/components/layout/InferenceJobsList/InferenceJobsList.tsx
+++ b/packages/fakeyou.com/src/components/layout/InferenceJobsList/InferenceJobsList.tsx
@@ -21,7 +21,7 @@ const DEFAULT_QUEUE_REFRESH_INTERVAL_MILLIS = 15000;
 export default function InferenceJobsList({ t, inferenceJobs }: { t: any, inferenceJobs?: any }) {
   // const { inferenceJobs = [] } = useInferenceJobs({ type: 0 });
   // const oldJobs = thejobs || inferenceJobs;
-  // console.log("😎",inferenceJobs);
+  console.log("😎",inferenceJobs);
   const [pending, pendingSet] = useState<GetPendingTtsJobCountSuccessResponse>({
     success: true,
     pending_job_count: 0,
diff --git a/packages/fakeyou.com/src/v2/view/PageContainer.tsx b/packages/fakeyou.com/src/v2/view/PageContainer.tsx
index 85efca84fd..c6e83c444d 100644
--- a/packages/fakeyou.com/src/v2/view/PageContainer.tsx
+++ b/packages/fakeyou.com/src/v2/view/PageContainer.tsx
@@ -642,22 +642,31 @@ class PageContainer extends React.Component<
             <Route
               exact
               path="/voice-designer/create"
-              component={VoiceDesignerFormPage}
-            />
+            >
+              <VoiceDesignerFormPage {...{
+                enqueueInferenceJob: this.props.enqueueInferenceJob
+              }}/>
+            </Route>
 
             {/* Route for editing the dataset details */}
             <Route
               exact
               path="/voice-designer/dataset/:dataset_token/edit"
-              component={VoiceDesignerFormPage}
-            />
+            >
+              <VoiceDesignerFormPage {...{
+                enqueueInferenceJob: this.props.enqueueInferenceJob
+              }}/>
+            </Route>
 
             {/* Route for handling dataset token for uploading samples */}
             <Route
               exact
               path="/voice-designer/dataset/:dataset_token/upload"
-              component={VoiceDesignerFormPage}
-            />
+             >
+              <VoiceDesignerFormPage {...{
+                enqueueInferenceJob: this.props.enqueueInferenceJob
+              }}/>
+            </Route>
 
             <Route path="/voice-designer/voice/:voice_token/edit">
               <VoiceDesignerVoiceEditPage />
@@ -677,7 +686,10 @@ class PageContainer extends React.Component<
             </Route>
 
             <Route path="/voice-designer">
-              <VoiceDesignerMainPage {...{ inferenceJobs: this.props.inferenceJobs }} />
+              <VoiceDesignerMainPage {...{
+                enqueueInferenceJob: this.props.enqueueInferenceJob,
+                inferenceJobs: this.props.inferenceJobs
+              }} />
             </Route>
 
             <Route path="/generate-speech">
diff --git a/packages/fakeyou.com/src/v2/view/pages/voice_designer/VoiceDesignerFormPage.tsx b/packages/fakeyou.com/src/v2/view/pages/voice_designer/VoiceDesignerFormPage.tsx
index c350f63341..ee9614a359 100644
--- a/packages/fakeyou.com/src/v2/view/pages/voice_designer/VoiceDesignerFormPage.tsx
+++ b/packages/fakeyou.com/src/v2/view/pages/voice_designer/VoiceDesignerFormPage.tsx
@@ -22,11 +22,13 @@ import { useFile } from "hooks";
 
 import useVoiceRequests from "./useVoiceRequests";
 
+import { FrontendInferenceJobType } from "@storyteller/components/src/jobs/InferenceJob";
+
 interface RouteParams {
   dataset_token?: string;
 }
 
-function VoiceDesignerFormPage() {
+function VoiceDesignerFormPage({ enqueueInferenceJob }: { enqueueInferenceJob: any }) {
   const history = useHistory();
   const { datasets, inputCtrl, languages, visibilityOptions, voices } = useVoiceRequests({});
   const [language, languageSet] = useState("en");
@@ -139,6 +141,11 @@ function VoiceDesignerFormPage() {
       })
       .then((res: any) => {
         if (res && res.success) {
+          enqueueInferenceJob(
+            res.inference_job_token,
+            FrontendInferenceJobType.VoiceDesignerTts
+          );
+
           history.push("/voice-designer");
         }
       });