diff --git a/vocodes/src/v2/common/DiscordReportLinkFc.tsx b/vocodes/src/v2/common/DiscordReportLinkFc.tsx new file mode 100644 index 0000000000..7310305b90 --- /dev/null +++ b/vocodes/src/v2/common/DiscordReportLinkFc.tsx @@ -0,0 +1,14 @@ +import React from 'react'; + +interface Props { +} + +function ReportDiscordLinkFc(props: Props) { + return ( +
+

Report inappropriate content on Discord.

+
+ ) +} + +export { ReportDiscordLinkFc }; diff --git a/vocodes/src/v2/tts/tts_result_view/TtsResultViewFc.tsx b/vocodes/src/v2/tts/tts_result_view/TtsResultViewFc.tsx index 08cfdf05d1..eca6b9aeee 100644 --- a/vocodes/src/v2/tts/tts_result_view/TtsResultViewFc.tsx +++ b/vocodes/src/v2/tts/tts_result_view/TtsResultViewFc.tsx @@ -5,6 +5,7 @@ import { useParams, Link } from 'react-router-dom'; import { GravatarFc } from '../../common/GravatarFc'; import { SpectrogramFc } from './SpectrogramFc'; import { TtsResultViewDeleteFc } from './TtsResultView_DeleteFc'; +import { ReportDiscordLinkFc } from '../../common/DiscordReportLinkFc'; interface TtsInferenceResultResponsePayload { success: boolean, @@ -120,7 +121,6 @@ function TtsResultViewFc(props: Props) { ); } - let creatorDetails = Anonymous user; if (ttsInferenceResult.maybe_creator_user_token !== undefined) { let creatorLink = `/profile/${ttsInferenceResult.maybe_creator_username}`; @@ -240,6 +240,9 @@ function TtsResultViewFc(props: Props) { currentlyDeleted={currentlyDeleted} maybeCreatorUserToken={ttsInferenceResult?.maybe_creator_user_token} /> + +
+ ) } diff --git a/vocodes/src/v2/w2l/w2l_result_view/W2lResultViewFc.tsx b/vocodes/src/v2/w2l/w2l_result_view/W2lResultViewFc.tsx index 0641e6962c..43b1188a97 100644 --- a/vocodes/src/v2/w2l/w2l_result_view/W2lResultViewFc.tsx +++ b/vocodes/src/v2/w2l/w2l_result_view/W2lResultViewFc.tsx @@ -4,6 +4,7 @@ import { GravatarFc } from '../../common/GravatarFc'; import { SessionWrapper } from '../../../session/SessionWrapper'; import { useParams, Link } from 'react-router-dom'; import { W2lResultViewDeleteFc } from './W2lResultView_DeleteFc'; +import { ReportDiscordLinkFc } from '../../common/DiscordReportLinkFc'; interface W2lInferenceResultResponsePayload { success: boolean, @@ -220,6 +221,8 @@ function W2lResultViewFc(props: Props) { maybeCreatorUserToken={w2lInferenceResult?.maybe_creator_user_token} /> +
+ ) } diff --git a/vocodes/src/v2/w2l/w2l_template_view/W2lTemplateViewFc.tsx b/vocodes/src/v2/w2l/w2l_template_view/W2lTemplateViewFc.tsx index f291dc661f..3792a793e8 100644 --- a/vocodes/src/v2/w2l/w2l_template_view/W2lTemplateViewFc.tsx +++ b/vocodes/src/v2/w2l/w2l_template_view/W2lTemplateViewFc.tsx @@ -7,6 +7,7 @@ import { useParams, Link, useHistory } from 'react-router-dom'; import { v1 as uuidv1 } from 'uuid'; import { SessionW2lInferenceResultListFc } from '../../common/SessionW2lInferenceResultsListFc'; import { W2lTemplateViewDeleteFc } from './W2lTemplateView_DeleteFc'; +import { ReportDiscordLinkFc } from '../../common/DiscordReportLinkFc'; interface W2lTemplateViewResponsePayload { success: boolean, @@ -426,6 +427,7 @@ function W2lTemplateViewFc(props: Props) {
+ ) }