getting closer with upload index translation

packages/fakeyou/src/_i18n/Translations.ts

@@ -31,6 +31,7 @@ const TRANSLATIONS : any = {
         },
       },
       pages: {
+        // Index page
         ttsList: {
           buttonClear: 'Clear',
           buttonSpeak: 'Speak',
@@ -38,6 +39,15 @@ const TRANSLATIONS : any = {
           heroSubtitle: 'Use <strong>FakeYou</strong> deep fake tech to say stuff with your favorite characters',
           placeholderTextGoesHere: 'Textual shenanigans go here...',
         },
+        // Other pages
+        contributeIndex: {
+          discordLink: 'Join our Discord',
+          describeUploadModels: 'Create new voices and video templates for FakeYou. <1 /> to learn how.',
+          headingUploadModels: 'Upload Models',
+          heroTitle: 'Contribute to FakeYou!',
+          heroSubtitle: 'You make FakeYou <strong>better</strong> by contributing',
+          introText: "You'll get credited for everything you contribute. You'll also get queue priority, be eligible to win prizes, and help us become a Hollywood-killing deepfake tooling, streaming, and filmmaking powerhouse.",
+        },
       },
       ttsListPage: {
         by: 'by',
@@ -80,6 +90,7 @@ const TRANSLATIONS : any = {
         },
       },
       pages: {
+        // Index page
         ttsList: {
           buttonClear: 'Claro',
           buttonSpeak: 'Hablar',
@@ -87,6 +98,15 @@ const TRANSLATIONS : any = {
           heroSubtitle: 'Usa <strong>FakeYou</strong> tecnología falsa profunda para decir cosas con tus personajes favoritos',
           placeholderTextGoesHere: 'Las travesuras textuales van aquí...',
         },
+        // Other pages
+        contributeIndex: {
+          discordLink: 'Únase a nuestro Discord',
+          describeUploadModels: 'Crea nuevas voces y plantillas de video para FakeYou. <1 /> para aprender cómo.',
+          headingUploadModels: 'Subir Modelos',
+          heroTitle: 'Contribuir a FakeYou',
+          heroSubtitle: 'Haces FakeYou <strong>mejor</strong> contribuyendo',
+          introText: "Recibirás crédito por todo lo que contribuyas. También obtendrá prioridad en la cola, será elegible para ganar premios y nos ayudará a convertirnos en una potencia de herramientas, transmisión y cine de deepfake que acaba con Hollywood.",
+        },
       },
       ttsListPage: {
         by: 'de',

packages/fakeyou/src/v2/view/contribute/ContributeIndexPage.tsx

@@ -3,6 +3,8 @@ import { SessionWrapper } from '../../../session/SessionWrapper';
 import { Link } from "react-router-dom";
 import { DiscordLink } from '../_common/DiscordLink';
 import { FrontendUrlConfig } from '../../../common/FrontendUrlConfig';
+import { t } from 'i18next';
+import { Trans } from 'react-i18next';
 
 interface Props {
   sessionWrapper: SessionWrapper,
@@ -14,22 +16,30 @@ function ContributeIndexPage(props: Props) {
   return (
     <div>
       <div>
-        <h1 className="title is-1"> Contribute to FakeYou! </h1>
-        <h1 className="subtitle is-3"> You make FakeYou <strong>better</strong> by contributing </h1>
+        <h1 className="title is-1"> {t('pages.contributeIndex.heroTitle')} </h1>
+        <h1 className="subtitle is-3"> 
+          <Trans i18nKey="pages.contributeIndex.heroSubtitle">
+            You make FakeYou <strong>better</strong> by contributing 
+          </Trans>
+        </h1>
       </div>
 
       <br />
 
       <div className="content is-medium">
         <p>
-          You'll get credited for everything you contribute. You'll also get queue priority, 
-          be eligible to win prizes, and help us become a Hollywood-killing deepfake 
-          tooling, streaming, and filmmaking powerhouse.
+          {t('pages.contributeIndex.introText')}
         </p>
 
-        <h3 className="title is-3"> Upload Models </h3>
+        <h3 className="title is-3">{t('pages.contributeIndex.headingUploadModels')}</h3>
 
-        <p>Create new voices and video templates for FakeYou. <DiscordLink text="Join our Discord" iconAfterText={true} /> to learn how.</p>
+        <p>
+          <Trans i18nKey="pages.contributeIndex.describeUploadModels">
+            Create new voices and video templates for FakeYou. 
+            <DiscordLink text={t('pages.contributeIndex.discordLink')} iconAfterText={true} /> 
+            to learn how.
+          </Trans>
+        </p>
 
         <Link
           to="/upload/tts"