diff --git a/packages/storyteller-home/src/pages/index/IndexPage.tsx b/packages/storyteller-home/src/pages/index/IndexPage.tsx
index 1a7705d549..dcca673fd2 100644
--- a/packages/storyteller-home/src/pages/index/IndexPage.tsx
+++ b/packages/storyteller-home/src/pages/index/IndexPage.tsx
@@ -76,7 +76,6 @@ function IndexPage () {
Want to hear more?
-
diff --git a/packages/storyteller-home/src/pages/index/TtsComponent.tsx b/packages/storyteller-home/src/pages/index/TtsComponent.tsx
index 1ee7f6a0ed..3d1d2f343a 100644
--- a/packages/storyteller-home/src/pages/index/TtsComponent.tsx
+++ b/packages/storyteller-home/src/pages/index/TtsComponent.tsx
@@ -1,6 +1,6 @@
-import React, { useEffect, useRef, useState } from 'react';
+import React, { useCallback, useEffect, useRef, useState } from 'react';
import { v4 as uuidv4 } from 'uuid';
-import { GenerateTtsAudio, GenerateTtsAudioErrorType, GenerateTtsAudioRequest, GenerateTtsAudioIsError, GenerateTtsAudioIsOk } from '@storyteller/components/src/api/tts/GenerateTtsAudio';
+import { GenerateTtsAudio, GenerateTtsAudioRequest, GenerateTtsAudioIsError, GenerateTtsAudioIsOk } from '@storyteller/components/src/api/tts/GenerateTtsAudio';
import { jobStateCanChange } from "@storyteller/components/src/jobs/JobStates";
import { TtsInferenceJob, TtsInferenceJobStateResponsePayload } from "@storyteller/components/src/jobs/TtsInferenceJobs";
import { ApiConfig } from '@storyteller/components';
@@ -25,7 +25,7 @@ interface Props {
function TtsComponent(props: Props) {
const [selectedModelToken, setSelectedModelToken] = useState(DEFAULT_MODEL_TOKEN);
const [inferenceText, setInferenceText] = useState('');
- const [maybeTtsError, setMaybeTtsError] = useState(undefined);
+ //const [maybeTtsError, setMaybeTtsError] = useState(undefined);
const [jobs, setJobs] = useState([]);
const ttsInferenceJobs = useRef([]);
@@ -76,19 +76,19 @@ function TtsComponent(props: Props) {
.catch(e => { /* Ignore. */ });
}
- const pollJobs = () => {
+ const pollJobs = useCallback(() => {
console.log('pollJob')
ttsInferenceJobs.current.forEach(job => {
if (jobStateCanChange(job.jobState)) {
checkTtsJob(job.jobToken);
}
});
- }
+ }, []);
useEffect(() => {
console.log('useEffect')
setInterval(() => { pollJobs() }, 2000);
- }, [])
+ }, [pollJobs])
const handleChangeText = (ev: React.FormEvent) => {
const textValue = (ev.target as HTMLTextAreaElement).value;
@@ -121,10 +121,10 @@ function TtsComponent(props: Props) {
const response = await GenerateTtsAudio(request)
if (GenerateTtsAudioIsOk(response)) {
- setMaybeTtsError(undefined);
+ //setMaybeTtsError(undefined);
enqueueTtsJob(response.inference_job_token);
} else if (GenerateTtsAudioIsError(response)) {
- setMaybeTtsError(response.error);
+ //setMaybeTtsError(response.error);
}
return false;
diff --git a/packages/storyteller-home/src/pages/index/TtsResultsList.tsx b/packages/storyteller-home/src/pages/index/TtsResultsList.tsx
index 75a198c5ec..910a755d06 100644
--- a/packages/storyteller-home/src/pages/index/TtsResultsList.tsx
+++ b/packages/storyteller-home/src/pages/index/TtsResultsList.tsx
@@ -1,5 +1,4 @@
import React from 'react';
-import { Link } from 'react-router-dom';
import { BucketConfig } from '@storyteller/components/src/api/BucketConfig';
import { JobState } from '@storyteller/components/src/jobs/JobStates';
import { TtsInferenceJob } from '@storyteller/components/src/jobs/TtsInferenceJobs';
@@ -76,10 +75,10 @@ function TtsResultsList(props: Props) {
- Permalink & download
+ >Permalink & download