diff --git a/packages/fakeyou/src/v2/view/profile/profile_view/ProfileFc.tsx b/packages/fakeyou/src/v2/view/profile/profile_view/ProfileFc.tsx index d70208d3f9..215532f502 100644 --- a/packages/fakeyou/src/v2/view/profile/profile_view/ProfileFc.tsx +++ b/packages/fakeyou/src/v2/view/profile/profile_view/ProfileFc.tsx @@ -76,7 +76,14 @@ function ProfileFc(props: Props) { if (notFoundState) { return (
-

User not found

+
+

User not found

+
+ + Back to main + +
+
); } diff --git a/packages/fakeyou/src/v2/view/tts/tts_edit_categories/TtsEditCategoriesPage.tsx b/packages/fakeyou/src/v2/view/tts/tts_edit_categories/TtsEditCategoriesPage.tsx index 2a11d37036..bec2af0ac4 100644 --- a/packages/fakeyou/src/v2/view/tts/tts_edit_categories/TtsEditCategoriesPage.tsx +++ b/packages/fakeyou/src/v2/view/tts/tts_edit_categories/TtsEditCategoriesPage.tsx @@ -31,7 +31,7 @@ import { faExclamationCircle, faXmark, } from "@fortawesome/free-solid-svg-icons"; -import { useParams } from "react-router-dom"; +import { useParams, Link } from "react-router-dom"; import { distance, delay, duration } from "../../../../data/animation"; const Fade = require("react-reveal/Fade"); @@ -95,7 +95,18 @@ function TtsEditCategoriesPage(props: Props) { }, [token, getModel, listTtsCategories, listTtsCategoriesForModel]); if (notFoundState) { - return

Model not found

; + return ( +
+
+

Model not found

+
+ + Back to main + +
+
+
+ ); } if (!ttsModel) { diff --git a/packages/fakeyou/src/v2/view/tts/tts_model_edit/TtsModelEditFc.tsx b/packages/fakeyou/src/v2/view/tts/tts_model_edit/TtsModelEditFc.tsx index 5f2b2fc959..1c5cf33f60 100644 --- a/packages/fakeyou/src/v2/view/tts/tts_model_edit/TtsModelEditFc.tsx +++ b/packages/fakeyou/src/v2/view/tts/tts_model_edit/TtsModelEditFc.tsx @@ -2,7 +2,7 @@ import React, { useState, useEffect, useCallback } from "react"; import { ApiConfig } from "@storyteller/components"; import { SessionWrapper } from "@storyteller/components/src/session/SessionWrapper"; import { TtsInferenceJob } from "@storyteller/components/src/jobs/TtsInferenceJobs"; -import { useParams, useHistory } from "react-router-dom"; +import { useParams, useHistory, Link } from "react-router-dom"; import { FrontendUrlConfig } from "../../../../common/FrontendUrlConfig"; import { VisibleIconFc } from "../../_icons/VisibleIcon"; import { HiddenIconFc } from "../../_icons/HiddenIcon"; @@ -216,7 +216,18 @@ function TtsModelEditFc(props: Props) { }; if (notFoundState) { - return

Model not found

; + return ( +
+
+

Model not found

+
+ + Back to main + +
+
+
+ ); } if (!ttsModel) { diff --git a/packages/fakeyou/src/v2/view/tts/tts_model_view/TtsModelViewFc.tsx b/packages/fakeyou/src/v2/view/tts/tts_model_view/TtsModelViewFc.tsx index 7e9ed613f1..9c1db73329 100644 --- a/packages/fakeyou/src/v2/view/tts/tts_model_view/TtsModelViewFc.tsx +++ b/packages/fakeyou/src/v2/view/tts/tts_model_view/TtsModelViewFc.tsx @@ -140,7 +140,18 @@ function TtsModelViewFc(props: Props) { ]); if (notFoundState) { - return

Model not found

; + return ( +
+
+

Model not found

+
+ + Back to main + +
+
+
+ ); } if (!ttsModel) { diff --git a/packages/fakeyou/src/v2/view/tts/tts_result_view/TtsResultViewFc.tsx b/packages/fakeyou/src/v2/view/tts/tts_result_view/TtsResultViewFc.tsx index 4580a01582..eb4c7caf4d 100644 --- a/packages/fakeyou/src/v2/view/tts/tts_result_view/TtsResultViewFc.tsx +++ b/packages/fakeyou/src/v2/view/tts/tts_result_view/TtsResultViewFc.tsx @@ -57,7 +57,18 @@ function TtsResultViewFc(props: Props) { }, [token, getTtsResult]); // NB: Empty array dependency sets to run ONLY on mount if (notFoundState) { - return

TTS result not found

; + return ( +
+
+

TTS result not found

+
+ + Back to main + +
+
+
+ ); } if (!ttsInferenceResult) { diff --git a/packages/fakeyou/src/v2/view/w2l/w2l_result_view/W2lResultViewFc.tsx b/packages/fakeyou/src/v2/view/w2l/w2l_result_view/W2lResultViewFc.tsx index 03fbcd1b65..681c46d147 100644 --- a/packages/fakeyou/src/v2/view/w2l/w2l_result_view/W2lResultViewFc.tsx +++ b/packages/fakeyou/src/v2/view/w2l/w2l_result_view/W2lResultViewFc.tsx @@ -51,7 +51,20 @@ function W2lResultViewFc(props: Props) { }, [token, getInferenceResult]); // NB: Empty array dependency sets to run ONLY on mount if (notFoundState) { - return

Template result not found

; + return ( +
+
+

+ Template result not found +

+
+ + Back to main + +
+
+
+ ); } if (!w2lInferenceResult) { diff --git a/packages/fakeyou/src/v2/view/w2l/w2l_template_view/W2lTemplateViewFc.tsx b/packages/fakeyou/src/v2/view/w2l/w2l_template_view/W2lTemplateViewFc.tsx index 9976ff3fc9..9f65dd6422 100644 --- a/packages/fakeyou/src/v2/view/w2l/w2l_template_view/W2lTemplateViewFc.tsx +++ b/packages/fakeyou/src/v2/view/w2l/w2l_template_view/W2lTemplateViewFc.tsx @@ -93,7 +93,18 @@ function W2lTemplateViewFc(props: Props) { }, [templateSlug, getTemplate, getTemplateUseCount]); if (notFoundState) { - return

Template not found

; + return ( +
+
+

Template not found

+
+ + Back to main + +
+
+
+ ); } if (!w2lTemplate) {