Links to Twitch

packages/components/src/elements/TwitchLabsLink.tsx

@@ -0,0 +1,35 @@
+import React  from 'react';
+import { faTwitch } from '@fortawesome/free-brands-svg-icons';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+
+interface Props {
+  hideIcon?: boolean,
+  iconBeforeText?: boolean,
+  title?: string,
+  children?: string|Element|Array<any>, // Optional link text, child elements, etc.
+}
+
+function TwitchLabsLink(props: Props) {
+  let linkBody = props.children === undefined ? 
+    <>Twitch</> : 
+    <>{props.children}</>;
+
+  const showIcon = !(props.hideIcon ? true : false);
+  const iconBeforeText = props.iconBeforeText ? true : false;
+
+  const linkTitle = props.title ? props.title : 'FakeYou Twitch';
+
+  if (showIcon) {
+    linkBody = iconBeforeText ? 
+        <><FontAwesomeIcon icon={faTwitch} title={linkTitle}/> {linkBody}</> :
+        <>{linkBody} <FontAwesomeIcon icon={faTwitch} title={linkTitle}/></> ;
+  }
+
+  return (
+    <a href="https://www.twitch.tv/FakeYouLabs" 
+       target="_blank" 
+       rel="noopener noreferrer">{linkBody}</a>
+  )
+}
+
+export { TwitchLabsLink };

packages/fakeyou/src/_i18n/FakeYouTranslations.ts

@@ -117,7 +117,7 @@ const FAKEYOU_TRANSLATIONS : any = {
       notices: {
         pleaseFollow: {
           title: '¡Lo sentimos, nuestro sitio es tan lento!',
-          body: "Lamento mucho que el sitio web sea lento. Estamos recibiendo millones de solicitudes. <1>Síganos en Twitter</1> y también únase a nuestro <3>Discord</3>. Voy a presentar un procesamiento más rápido (menos de un minuto) para aquellos que nos siguen y ayudan a respaldar nuestro trabajo. Así que sigue nuestro Twitter y únete a nuestro Discord.",
+          body: "Lamento mucho que el sitio web sea lento. Estamos recibiendo millones de solicitudes. <1>Síganos en Twitter</1> y también únase a nuestro <3>Discord</3>. Voy a presentar un procesamiento más rápido (menos de un minuto) para aquellos que nos siguen y ayudan a respaldar nuestro trabajo. Así que sigue nuestro Twitter y únete a nuestro Discord. <5>Nuestra nueva tecnología de videos falsos profundos debutará en Twitch</5>, así que síganos allí también.",
         }
       },
       pages: {
@@ -230,7 +230,7 @@ const FAKEYOU_TRANSLATIONS : any = {
       notices: {
         pleaseFollow: {
           title: 'Desculpe, nosso site é tão lento!',
-          body: "Sinto muito que o site esteja lento. Estamos recebendo milhões de solicitações. <1>Por favor, siga-nos no Twitter</1> e também <3>entre no nosso Discord</3>. Vou apresentar um processamento mais rápido (menos de um minuto) para aqueles que nos seguem e ajudam a apoiar nosso trabalho. Então, por favor, siga nosso Twitter e participe do nosso Discord.",
+          body: "Sinto muito que o site esteja lento. Estamos recebendo milhões de solicitações. <1>Por favor, siga-nos no Twitter</1> e também <3>entre no nosso Discord</3>. Vou apresentar um processamento mais rápido (menos de um minuto) para aqueles que nos seguem e ajudam a apoiar nosso trabalho. Então, por favor, siga nosso Twitter e participe do nosso Discord. <5>Nossa nova tecnologia de deepfake de vídeo será lançada no Twitch</5>, então siga-nos lá também.",
         }
       },
       pages: {

packages/fakeyou/src/v2/view/NewFooterNavFc.tsx

@@ -52,7 +52,7 @@ function NewFooterNavFc(props: Props) {
 
         <div className="v2_social">
           <a href="https://discord.gg/H72KFXm" target="_blank" rel="noopener noreferrer"><img src="/social-icons/016-discord.png" alt="Join us on Discord!" /></a>
-          <a href="https://twitch.tv/vocodes" target="_blank" rel="noopener noreferrer"><img src="/social-icons/094-twitch.png" alt="Twitch" /></a>
+          <a href="https://twitch.tv/FakeYouLabs" target="_blank" rel="noopener noreferrer"><img src="/social-icons/094-twitch.png" alt="Twitch" /></a>
           <a href="https://twitter.com/intent/follow?screen_name=FakeYouApp" target="_blank" rel="noopener noreferrer"><img src="/social-icons/096-twitter.png" alt="Twitter" /></a>
           <a href="https://facebook.com/vocodes" target="_blank" rel="noopener noreferrer"><img src="/social-icons/024-facebook.png" alt="Facething" /></a>
           <a href="https://www.patreon.com/FakeYou" target="_blank" rel="noopener noreferrer"><img src="/social-icons/061-patreon.png" alt="Patreon" /></a>

packages/fakeyou/src/v2/view/tts/tts_model_list/notices/PleaseFollowNotice.tsx

@@ -1,6 +1,7 @@
 import { DiscordLink2 } from '@storyteller/components/src/elements/DiscordLink2';
 import { Trans } from 'react-i18next';
 import { TwitterLink } from '@storyteller/components/src/elements/TwitterLink';
+import { TwitchLabsLink } from '@storyteller/components/src/elements/TwitchLabsLink';
 import React from 'react';
 
 interface Props {
@@ -27,11 +28,13 @@ function PleaseFollowNotice(props: Props) {
             also <DiscordLink2>join our Discord</DiscordLink2>. 
             I'm going to introduce faster processing (less than one minute) for those that 
             follow us and help support our work. So please follow our Twitter and join our Discord. 
+            Our new <TwitchLabsLink>video deepfake technology will debut on Twitch</TwitchLabsLink>, 
+            so please follow us there too.
           </Trans>
         </p>
         <br />
         <p>
-          <DiscordLink2 /> | <TwitterLink />
+          <DiscordLink2 /> | <TwitterLink /> | <TwitchLabsLink />
         </p>
       </div>
     </>