diff --git a/packages/fakeyou.com/src/v2/view/_common/comments/CommentList.tsx b/packages/fakeyou.com/src/v2/view/_common/comments/CommentList.tsx
index 76ae5ffc3d..c723583f75 100644
--- a/packages/fakeyou.com/src/v2/view/_common/comments/CommentList.tsx
+++ b/packages/fakeyou.com/src/v2/view/_common/comments/CommentList.tsx
@@ -95,11 +95,14 @@ function CommentList(props: Props) {
});
return (
-
-
-
+
+ {rows}
+
);
}
diff --git a/packages/fakeyou.com/src/v2/view/pages/tts/tts_model_view/TtsModelViewPage.tsx b/packages/fakeyou.com/src/v2/view/pages/tts/tts_model_view/TtsModelViewPage.tsx
index 6c1250083b..851150e4e6 100644
--- a/packages/fakeyou.com/src/v2/view/pages/tts/tts_model_view/TtsModelViewPage.tsx
+++ b/packages/fakeyou.com/src/v2/view/pages/tts/tts_model_view/TtsModelViewPage.tsx
@@ -64,6 +64,7 @@ import { Analytics } from "../../../../../common/Analytics";
import { usePrefixedDocumentTitle } from "../../../../../common/UsePrefixedDocumentTitle";
import { RatingButtons } from "../../../_common/ratings/RatingButtons";
import { RatingStats } from "../../../_common/ratings/RatingStats";
+import { CommentComponent } from "../../../_common/comments/CommentComponent";
interface Props {
sessionWrapper: SessionWrapper;
@@ -530,11 +531,17 @@ function TtsModelViewPage(props: Props) {
| Use global m-factor? (default no) |
- {ttsModel?.maybe_moderator_fields?.use_default_m_factor ? "yes" : "no"} |
+
+ {ttsModel?.maybe_moderator_fields?.use_default_m_factor
+ ? "yes"
+ : "no"}
+ |
| Custom m-factor (optional) |
- {ttsModel?.maybe_moderator_fields?.maybe_custom_m_factor} |
+
+ {ttsModel?.maybe_moderator_fields?.maybe_custom_m_factor}
+ |
@@ -666,11 +673,11 @@ function TtsModelViewPage(props: Props) {
let ratingButtons = <>>;
if (props.sessionWrapper.isLoggedIn()) {
ratingButtons = (
-
- )
+ );
}
// NB: Investors might not like the in-your-face "over 1 year ago" dates.
@@ -690,10 +697,9 @@ function TtsModelViewPage(props: Props) {
-
@@ -815,6 +821,19 @@ function TtsModelViewPage(props: Props) {
+
+
+
+
diff --git a/packages/fakeyou.com/src/v2/view/pages/tts/tts_result_view/TtsResultViewPage.tsx b/packages/fakeyou.com/src/v2/view/pages/tts/tts_result_view/TtsResultViewPage.tsx
index f639cf9f37..9ef12c106c 100644
--- a/packages/fakeyou.com/src/v2/view/pages/tts/tts_result_view/TtsResultViewPage.tsx
+++ b/packages/fakeyou.com/src/v2/view/pages/tts/tts_result_view/TtsResultViewPage.tsx
@@ -40,6 +40,7 @@ import {
import { BackLink } from "../../../_common/BackLink";
import { TextExpander } from "../../../_common/TextExpander";
import { usePrefixedDocumentTitle } from "../../../../../common/UsePrefixedDocumentTitle";
+import { CommentComponent } from "../../../_common/comments/CommentComponent";
interface Props {
sessionWrapper: SessionWrapper;
@@ -595,10 +596,24 @@ function TtsResultViewPage(props: Props) {
+
+
+
+
+
);
}
diff --git a/packages/fakeyou.com/src/v2/view/pages/w2l/w2l_result_view/W2lResultViewPage.tsx b/packages/fakeyou.com/src/v2/view/pages/w2l/w2l_result_view/W2lResultViewPage.tsx
index e09382fc69..1cb84941ec 100644
--- a/packages/fakeyou.com/src/v2/view/pages/w2l/w2l_result_view/W2lResultViewPage.tsx
+++ b/packages/fakeyou.com/src/v2/view/pages/w2l/w2l_result_view/W2lResultViewPage.tsx
@@ -20,6 +20,7 @@ import { faDownload, faEdit, faTrash } from "@fortawesome/free-solid-svg-icons";
import { motion } from "framer-motion";
import { container, item, panel } from "../../../../../data/animation";
import { usePrefixedDocumentTitle } from "../../../../../common/UsePrefixedDocumentTitle";
+import { CommentComponent } from "../../../_common/comments/CommentComponent";
interface Props {
sessionWrapper: SessionWrapper;
@@ -50,9 +51,10 @@ function W2lResultViewPage(props: Props) {
getInferenceResult(token);
}, [token, getInferenceResult]); // NB: Empty array dependency sets to run ONLY on mount
- const documentTitle = w2lInferenceResult?.template_title === undefined
- ? undefined
- : `Deep Fake ${w2lInferenceResult.template_title} Lip Sync Video Result`;
+ const documentTitle =
+ w2lInferenceResult?.template_title === undefined
+ ? undefined
+ : `Deep Fake ${w2lInferenceResult.template_title} Lip Sync Video Result`;
usePrefixedDocumentTitle(documentTitle);
if (notFoundState) {
@@ -352,6 +354,19 @@ function W2lResultViewPage(props: Props) {
+
+
+
+
);
}
diff --git a/packages/fakeyou.com/src/v2/view/pages/w2l/w2l_template_view/W2lTemplateViewPage.tsx b/packages/fakeyou.com/src/v2/view/pages/w2l/w2l_template_view/W2lTemplateViewPage.tsx
index 1d8d6d47ce..ce506e5ccd 100644
--- a/packages/fakeyou.com/src/v2/view/pages/w2l/w2l_template_view/W2lTemplateViewPage.tsx
+++ b/packages/fakeyou.com/src/v2/view/pages/w2l/w2l_template_view/W2lTemplateViewPage.tsx
@@ -27,6 +27,7 @@ import { motion } from "framer-motion";
import { container, item, panel } from "../../../../../data/animation";
import { ThirdPartyLinks } from "@storyteller/components/src/constants/ThirdPartyLinks";
import { usePrefixedDocumentTitle } from "../../../../../common/UsePrefixedDocumentTitle";
+import { CommentComponent } from "../../../_common/comments/CommentComponent";
interface EnqueueJobResponsePayload {
success: boolean;
@@ -58,7 +59,10 @@ function W2lTemplateViewPage(props: Props) {
const [modApprovedFormValue, setModApprovedFormValue] =
useState(true);
- const documentTitle = w2lTemplate?.title === undefined ? undefined : `Create Deep Fake ${w2lTemplate.title} Lip Sync Video`;
+ const documentTitle =
+ w2lTemplate?.title === undefined
+ ? undefined
+ : `Create Deep Fake ${w2lTemplate.title} Lip Sync Video`;
usePrefixedDocumentTitle(documentTitle);
const getTemplate = useCallback(
@@ -275,9 +279,7 @@ function W2lTemplateViewPage(props: Props) {
let creatorLink = ;
if (!!w2lTemplate?.creator_display_name) {
- const creatorUrl = WebUrl.userProfilePage(
- w2lTemplate?.creator_username
- );
+ const creatorUrl = WebUrl.userProfilePage(w2lTemplate?.creator_username);
creatorLink = (
Template: {w2lTemplate?.title}
-
+
@@ -544,6 +543,19 @@ function W2lTemplateViewPage(props: Props) {
+
+
+
+