From 4ad99ff7bb7efc13faa66c2d5e329da816c1cdf3 Mon Sep 17 00:00:00 2001
From: Victor <victor@storyteller.ai>
Date: Wed, 24 Jul 2024 11:37:02 -0700
Subject: [PATCH] fixed bug where tts demo on the landing page would get stuck
 in pending status

---
 .../src/hooks/useInferenceJobsPolling.tsx     |  3 +-
 .../LandingDemo/FakeYouLandingDemo.tsx        | 30 +++++++------------
 2 files changed, 13 insertions(+), 20 deletions(-)

diff --git a/packages/fakeyou.com/src/hooks/useInferenceJobsPolling.tsx b/packages/fakeyou.com/src/hooks/useInferenceJobsPolling.tsx
index b26821f0bd..da4d5d440c 100644
--- a/packages/fakeyou.com/src/hooks/useInferenceJobsPolling.tsx
+++ b/packages/fakeyou.com/src/hooks/useInferenceJobsPolling.tsx
@@ -86,7 +86,8 @@ export default function useInferenceJobsPolling({
     }
   }, [initialized, keepAlive, user]);
 
-  if (debug) console.log("☠️ keepAlive", keepAlive, inferenceJobs, byCategory);
+  if (debug)
+    console.log("💀 keepAlive", { keepAlive, inferenceJobs, byCategory });
 
   const updateCategoryMap = (
     categoryMap: CategoryMap,
diff --git a/packages/fakeyou.com/src/v2/view/pages/landing/fakeyou/LandingDemo/FakeYouLandingDemo.tsx b/packages/fakeyou.com/src/v2/view/pages/landing/fakeyou/LandingDemo/FakeYouLandingDemo.tsx
index 56e3609d24..a0392cbde9 100644
--- a/packages/fakeyou.com/src/v2/view/pages/landing/fakeyou/LandingDemo/FakeYouLandingDemo.tsx
+++ b/packages/fakeyou.com/src/v2/view/pages/landing/fakeyou/LandingDemo/FakeYouLandingDemo.tsx
@@ -16,10 +16,6 @@ import {
 import { Analytics } from "common/Analytics";
 import { BucketConfig } from "@storyteller/components/src/api/BucketConfig";
 import DemoTtsAudioPlayer from "./DemoAudioPlayer";
-import {
-  GetTtsInferenceJobStatus,
-  GetTtsInferenceJobStatusIsOk,
-} from "@storyteller/components/src/api/jobs/GetTtsInferenceJobStatus";
 import { RandomTexts, PlaceholderTexts } from "./RandomTexts";
 import "./LandingDemo.scss";
 import { isMobile } from "react-device-detect";
@@ -142,29 +138,25 @@ export default function LandingDemo({
     if (!jobToken) return;
 
     const fetch = async () => {
-      const jobStatusResponse = await GetTtsInferenceJobStatus(jobToken);
+      const job = inferenceJobs.find(
+        (job: InferenceJob) => job.jobToken === jobToken
+      );
 
-      if (GetTtsInferenceJobStatusIsOk(jobStatusResponse)) {
-        const job = inferenceJobs.find(
-          (job: InferenceJob) => job.jobToken === jobToken
+      if (job && job.maybeResultPublicBucketMediaPath) {
+        const audioLink = new BucketConfig().getGcsUrl(
+          job.maybeResultPublicBucketMediaPath
         );
-        if (job && jobStatusResponse.state.maybe_public_bucket_wav_audio_path) {
-          const audioLink = new BucketConfig().getGcsUrl(
-            jobStatusResponse.state.maybe_public_bucket_wav_audio_path
-          );
-          setCurrentAudioUrl(audioLink);
+        setCurrentAudioUrl(audioLink);
 
-          if (audioLink !== currentAudioUrl) {
-            setIsAudioLoading(false);
-            setIsPlaying(true);
-          }
+        if (audioLink !== currentAudioUrl) {
+          setIsAudioLoading(false);
+          setIsPlaying(true);
         }
       }
     };
 
     fetch();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [jobToken, inferenceJobs, isPlaying]);
+  }, [currentAudioUrl, jobToken, inferenceJobs]);
 
   const handleAudioFinish = () => {
     setIsPlaying(false);