diff --git a/packages/components/src/elements/TwitchLabsLink.tsx b/packages/components/src/elements/TwitchLabsLink.tsx new file mode 100644 index 0000000000..eeb62e4631 --- /dev/null +++ b/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, // 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 ? + <> {linkBody} : + <>{linkBody} ; + } + + return ( + {linkBody} + ) +} + +export { TwitchLabsLink }; diff --git a/packages/fakeyou/src/_i18n/FakeYouTranslations.ts b/packages/fakeyou/src/_i18n/FakeYouTranslations.ts index 119c6c386f..9826fe06ad 100644 --- a/packages/fakeyou/src/_i18n/FakeYouTranslations.ts +++ b/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 y también únase a nuestro <3>Discord. 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 y también únase a nuestro <3>Discord. 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, 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 e também <3>entre no nosso Discord. 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 e também <3>entre no nosso Discord. 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, então siga-nos lá também.", } }, pages: { diff --git a/packages/fakeyou/src/v2/view/NewFooterNavFc.tsx b/packages/fakeyou/src/v2/view/NewFooterNavFc.tsx index 9173233355..b7399a97f6 100644 --- a/packages/fakeyou/src/v2/view/NewFooterNavFc.tsx +++ b/packages/fakeyou/src/v2/view/NewFooterNavFc.tsx @@ -52,7 +52,7 @@ function NewFooterNavFc(props: Props) {
Join us on Discord! - Twitch + Twitch Twitter Facething Patreon diff --git a/packages/fakeyou/src/v2/view/tts/tts_model_list/notices/PleaseFollowNotice.tsx b/packages/fakeyou/src/v2/view/tts/tts_model_list/notices/PleaseFollowNotice.tsx index 05100c251d..efa39b54b1 100644 --- a/packages/fakeyou/src/v2/view/tts/tts_model_list/notices/PleaseFollowNotice.tsx +++ b/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 join our Discord. 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 video deepfake technology will debut on Twitch, + so please follow us there too.


- | + | |