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