Added Spanish translation

src/i18n/es/index.ts

@@ -0,0 +1,18 @@
+export default {
+  common: require('./common'),
+
+  screens: require('./screens'),
+  screenActions: require('./screens/actions'),
+  screenAnnouncements: require('./screens/announcements'),
+  screenCompose: require('./screens/compose'),
+  screenImageViewer: require('./screens/imageViewer'),
+  screenTabs: require('./screens/tabs'),
+
+  componentContextMenu: require('./components/contextMenu'),
+  componentEmojis: require('./components/emojis'),
+  componentInstance: require('./components/instance'),
+  componentMediaSelector: require('./components/mediaSelector'),
+  componentParse: require('./components/parse'),
+  componentRelationship: require('./components/relationship'),
+  componentTimeline: require('./components/timeline')
+}

src/i18n/i18n.ts

@@ -3,6 +3,7 @@ import { initReactI18next } from 'react-i18next'
 
 import de from '@root/i18n/de'
 import en from '@root/i18n/en'
+import es from '@root/i18n/es'
 import fr from '@root/i18n/fr'
 import it from '@root/i18n/it'
 import ja from '@root/i18n/ja'
@@ -18,6 +19,7 @@ import '@formatjs/intl-locale/polyfill'
 import '@formatjs/intl-pluralrules/polyfill'
 import '@formatjs/intl-pluralrules/locale-data/de'
 import '@formatjs/intl-pluralrules/locale-data/en'
+import '@formatjs/intl-pluralrules/locale-data/es'
 import '@formatjs/intl-pluralrules/locale-data/fr'
 import '@formatjs/intl-pluralrules/locale-data/it'
 import '@formatjs/intl-pluralrules/locale-data/ja'
@@ -29,6 +31,7 @@ import '@formatjs/intl-pluralrules/locale-data/zh'
 import '@formatjs/intl-numberformat/polyfill'
 import '@formatjs/intl-numberformat/locale-data/de'
 import '@formatjs/intl-numberformat/locale-data/en'
+import '@formatjs/intl-numberformat/locale-data/es'
 import '@formatjs/intl-numberformat/locale-data/fr'
 import '@formatjs/intl-numberformat/locale-data/it'
 import '@formatjs/intl-numberformat/locale-data/ja'
@@ -41,6 +44,7 @@ import '@formatjs/intl-numberformat/locale-data/zh-Hant'
 import '@formatjs/intl-datetimeformat/polyfill'
 import '@formatjs/intl-datetimeformat/locale-data/de'
 import '@formatjs/intl-datetimeformat/locale-data/en'
+import '@formatjs/intl-datetimeformat/locale-data/es'
 import '@formatjs/intl-datetimeformat/locale-data/fr'
 import '@formatjs/intl-datetimeformat/locale-data/it'
 import '@formatjs/intl-datetimeformat/locale-data/ja'
@@ -54,6 +58,7 @@ import '@formatjs/intl-datetimeformat/add-all-tz'
 import '@formatjs/intl-relativetimeformat/polyfill'
 import '@formatjs/intl-relativetimeformat/locale-data/de'
 import '@formatjs/intl-relativetimeformat/locale-data/en'
+import '@formatjs/intl-relativetimeformat/locale-data/es'
 import '@formatjs/intl-relativetimeformat/locale-data/fr'
 import '@formatjs/intl-relativetimeformat/locale-data/it'
 import '@formatjs/intl-relativetimeformat/locale-data/ja'
@@ -70,7 +75,19 @@ i18n.use(initReactI18next).init({
   ns: ['common'],
   defaultNS: 'common',
 
-  resources: { de, en, fr, it, ja, ko, 'pt-BR': pt_BR, vi, 'zh-Hans': zh_Hans, 'zh-Hant': zh_Hant },
+  resources: {
+    de,
+    en,
+    es,
+    fr,
+    it,
+    ja,
+    ko,
+    'pt-BR': pt_BR,
+    vi,
+    'zh-Hans': zh_Hans,
+    'zh-Hant': zh_Hant
+  },
   returnEmptyString: false,
 
   saveMissing: true,

src/i18n/locales.ts

@@ -1,14 +1,15 @@
 const LOCALES = {
   de: 'Deutsch',
   en: 'English',
+  es: 'Español',
   fr: 'Français',
   it: 'Italiano',
   ja: '日本語',
   ko: '한국어',
-  'pt-BR': 'Português (Brasil)',
+  'pt-br': 'Português (Brasil)',
   vi: 'Tiếng Việt',
-  'zh-Hans': '简体中文',
-  'zh-Hant': '繁體中文'
+  'zh-hans': '简体中文',
+  'zh-hant': '繁體中文'
 }
 
 export { LOCALES }

src/screens/Tabs/Me/Settings/App.tsx

@@ -45,8 +45,12 @@ const SettingsApp: React.FC = () => {
       />
       <MenuRow
         title={t('me.settings.language.heading')}
-        // @ts-ignore
-        content={LOCALES[Platform.OS === 'ios' ? Localization.locale : i18n.language]}
+        content={
+          // @ts-ignore
+          LOCALES[
+            Platform.OS === 'ios' ? Localization.locale.toLowerCase() : i18n.language.toLowerCase()
+          ]
+        }
         iconBack='ChevronRight'
         onPress={() =>
           Platform.OS === 'ios'