From 14af4026137a09748552500eaec1658cf112dfcf Mon Sep 17 00:00:00 2001
From: Victor <victor@storyteller.ai>
Date: Fri, 15 Mar 2024 16:36:30 -0700
Subject: [PATCH] fixed studio vst result page crash

---
 .../StudioIntroResultPage.tsx                 | 19 ++++++++++++++++---
 1 file changed, 16 insertions(+), 3 deletions(-)

diff --git a/packages/fakeyou.com/src/v2/view/pages/storyteller_studio_intro/StudioIntroResultPage.tsx b/packages/fakeyou.com/src/v2/view/pages/storyteller_studio_intro/StudioIntroResultPage.tsx
index 49f6b8ed04..8cf9209192 100644
--- a/packages/fakeyou.com/src/v2/view/pages/storyteller_studio_intro/StudioIntroResultPage.tsx
+++ b/packages/fakeyou.com/src/v2/view/pages/storyteller_studio_intro/StudioIntroResultPage.tsx
@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import React, { useEffect, useState } from "react";
 import { SessionWrapper } from "@storyteller/components/src/session/SessionWrapper";
 import { SessionSubscriptionsWrapper } from "@storyteller/components/src/session/SessionSubscriptionsWrapper";
 import { Button, Container, Panel } from "components/common";
@@ -19,11 +19,20 @@ interface Props {
 // This page just needs to poll the job and show the video when it's done.
 
 function StudioIntroResultPage(props: Props) {
+  const [rething,rethingSet] = useState(false);
   const { jobToken } = useParams<{ jobToken: string }>();
   const history = useHistory();
-  const { inferenceJobs } = useInferenceJobs();
+  const { enqueue, inferenceJobs } = useInferenceJobs();
   const job = inferenceJobs.find((item: any) => item.jobToken === jobToken);
 
+  useEffect(() => {
+    if (!job && !rething) {
+      rethingSet(true);
+      enqueue(jobToken);
+    }
+  },[enqueue,job,jobToken,rething]);
+
+
   // const [mediaToken, setMediaToken] = useState(
   //   "m_f5kp3hm74qeq16eq7536jb73jkbvkh"
   // ); // Set the media token after polling success
@@ -35,6 +44,9 @@ function StudioIntroResultPage(props: Props) {
 
   const mediaToken = job?.maybe_result?.entity_token || "";
 
+
+  console.log("🍔",job,mediaToken);
+
   useMedia({
     mediaToken,
     onSuccess: (res: any) => {
@@ -52,7 +64,7 @@ function StudioIntroResultPage(props: Props) {
   }
 
   const contentSwitch = () => {
-    switch (job.jobState) {
+    switch (job?.jobState) {
       case JobState.UNKNOWN:
       case JobState.PENDING:
       case JobState.STARTED: return <LoadingSpinner label="Generating your movie..." />;
@@ -62,6 +74,7 @@ function StudioIntroResultPage(props: Props) {
       case JobState.COMPLETE_SUCCESS: return <video src={mediaLink} controls />;
       case JobState.DEAD: return <h3>Job dead</h3>;
       case JobState.CANCELED_BY_USER: return <h3>Job canceled by user</h3>;
+      default: return;
     };
   }