discord report links

vocodes/src/v2/common/DiscordReportLinkFc.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+
+interface Props {
+}
+
+function ReportDiscordLinkFc(props: Props) {
+  return (
+    <div className="content">
+      <p>Report inappropriate content on <a href="https://discord.gg/H72KFXm">Discord</a>.</p>
+    </div>
+  )
+}
+
+export { ReportDiscordLinkFc };

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 = <span>Anonymous user</span>;
   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}
         />
+
+      <br />
+      <ReportDiscordLinkFc />
     </div>
   )
 }

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}
         />
 
+      <br />
+      <ReportDiscordLinkFc />
     </div>
   )
 }

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) {
 
       <SessionW2lInferenceResultListFc w2lInferenceJobs={props.w2lInferenceJobs} />
       <br />
+      <ReportDiscordLinkFc />
     </div>
   )
 }