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