From 2c4c679a9206e32abe3f12c7699373f5a8f5be46 Mon Sep 17 00:00:00 2001
From: "Nicholas Carrigan (he/him)" <nhcarrigan@gmail.com>
Date: Tue, 9 Feb 2021 23:35:36 -0800
Subject: [PATCH] fix(client, i18n): translate mobile tabs (#41030)

---
 client/i18n/locales/chinese/translations.json |  6 ++++++
 client/i18n/locales/english/translations.json |  6 ++++++
 client/i18n/locales/espanol/translations.json |  6 ++++++
 client/i18n/translations-schema.js            |  6 ++++++
 .../Challenges/classic/MobileLayout.js        | 20 +++++++++++++++----
 5 files changed, 40 insertions(+), 4 deletions(-)

diff --git a/client/i18n/locales/chinese/translations.json b/client/i18n/locales/chinese/translations.json
index ddcc130bed..df50bdb88e 100644
--- a/client/i18n/locales/chinese/translations.json
+++ b/client/i18n/locales/chinese/translations.json
@@ -285,6 +285,12 @@
     "cert-map-estimates": {
       "certs": "认证（300 小时）",
       "coding-prep": "（数千小时的挑战）"
+    },
+    "editor-tabs": {
+      "info": "信息",
+      "code": "码",
+      "tests": "测验",
+      "preview": "预习"
     }
   },
   "donate": {
diff --git a/client/i18n/locales/english/translations.json b/client/i18n/locales/english/translations.json
index 08e3f034bc..977cf4afc8 100644
--- a/client/i18n/locales/english/translations.json
+++ b/client/i18n/locales/english/translations.json
@@ -285,6 +285,12 @@
     "cert-map-estimates": {
       "certs": "Certification (300\u00A0hours)",
       "coding-prep": "(Thousands of hours of challenges)"
+    },
+    "editor-tabs": {
+      "info": "Info",
+      "code": "Code",
+      "tests": "Tests",
+      "preview": "Preview"
     }
   },
   "donate": {
diff --git a/client/i18n/locales/espanol/translations.json b/client/i18n/locales/espanol/translations.json
index bfd8cc739f..14426a4092 100644
--- a/client/i18n/locales/espanol/translations.json
+++ b/client/i18n/locales/espanol/translations.json
@@ -285,6 +285,12 @@
     "cert-map-estimates": {
       "certs": "Certificación (300 horas)",
       "coding-prep": "(Miles de horas de desafíos)"
+    },
+    "editor-tabs": {
+      "info": "Información",
+      "code": "Código",
+      "tests": "Pruebas",
+      "preview": "Avance"
     }
   },
   "donate": {
diff --git a/client/i18n/translations-schema.js b/client/i18n/translations-schema.js
index dc9837faa5..55f2d2184d 100644
--- a/client/i18n/translations-schema.js
+++ b/client/i18n/translations-schema.js
@@ -334,6 +334,12 @@ const translationsSchema = {
     'cert-map-estimates': {
       certs: 'Certification (300\u00A0hours)',
       'coding-prep': '(Thousands of hours of challenges)'
+    },
+    'editor-tabs': {
+      info: 'Info',
+      code: 'Code',
+      tests: 'Tests',
+      preview: 'Preview'
     }
   },
   donate: {
diff --git a/client/src/templates/Challenges/classic/MobileLayout.js b/client/src/templates/Challenges/classic/MobileLayout.js
index a75598ed5f..1bdb7d2c42 100644
--- a/client/src/templates/Challenges/classic/MobileLayout.js
+++ b/client/src/templates/Challenges/classic/MobileLayout.js
@@ -9,6 +9,7 @@ import { currentTabSelector, moveToTab } from '../redux';
 import { bindActionCreators } from 'redux';
 import EditorTabs from './EditorTabs';
 import { showUpcomingChanges } from '../../../../../config/env.json';
+import i18next from 'i18next';
 
 const mapStateToProps = createStructuredSelector({
   currentTab: currentTabSelector
@@ -64,18 +65,29 @@ class MobileLayout extends Component {
           id='challenge-page-tabs'
           onSelect={moveToTab}
         >
-          <TabPane eventKey={1} title='Info'>
+          <TabPane eventKey={1} title={i18next.t('learn.editor-tabs.info')}>
             {instructions}
           </TabPane>
-          <TabPane eventKey={2} title='Code' {...editorTabPaneProps}>
+          <TabPane
+            eventKey={2}
+            title={i18next.t('learn.editor-tabs.code')}
+            {...editorTabPaneProps}
+          >
             {showUpcomingChanges && <EditorTabs />}
             {editor}
           </TabPane>
-          <TabPane eventKey={3} title='Tests' {...editorTabPaneProps}>
+          <TabPane
+            eventKey={3}
+            title={i18next.t('learn.editor-tabs.tests')}
+            {...editorTabPaneProps}
+          >
             {testOutput}
           </TabPane>
           {hasPreview && (
-            <TabPane eventKey={4} title='Preview'>
+            <TabPane
+              eventKey={4}
+              title={i18next.t('learn.editor-tabs.preview')}
+            >
               {preview}
             </TabPane>
           )}