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} -
-
+ + {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) { + +
+

Comments

+
+ +
+
+
+

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) { + + + +
+

Comments

+
+ +
+
+
); } 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) { + + +
+

Comments

+
+ +
+
+
); } 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) { + +
+

Comments

+
+ +
+
+
+