Enable Spanish Localization (#2405)

* add `es` to `lingui.config.js`

* update messages.po

* enable spanish localization

Author: ansh

lingui.config.js

@@ -1,6 +1,6 @@
 /** @type {import('@lingui/conf').LinguiConfig} */
 module.exports = {
-  locales: ['en', 'hi', 'ja', 'fr', 'de', 'es', 'ko'],
+  locales: ['en', 'hi', 'ja', 'fr', 'de', 'es', 'ko', 'es'],
   catalogs: [
     {
       path: '<rootDir>/src/locale/locales/{locale}/messages',

src/locale/helpers.ts

@@ -114,8 +114,8 @@ export function sanitizeAppLanguageSetting(appLanguage: string): AppLanguage {
       // case 'de':
       //   return AppLanguage.de
       // DISABLED until this translation is more thoroughly reviewed -prf
-      // case 'es':
-      //   return AppLanguage.es
+      case 'es':
+        return AppLanguage.es
       case 'fr':
         return AppLanguage.fr
       case 'hi':

src/locale/i18n.ts

@@ -5,8 +5,7 @@ import {useLanguagePrefs} from '#/state/preferences'
 import {messages as messagesEn} from '#/locale/locales/en/messages'
 // DISABLED until this translation is fixed -prf
 // import {messages as messagesDe} from '#/locale/locales/de/messages'
-// DISABLED until this translation is more thoroughly reviewed -prf
-// import {messages as messagesEs} from '#/locale/locales/es/messages'
+import {messages as messagesEs} from '#/locale/locales/es/messages'
 import {messages as messagesFr} from '#/locale/locales/fr/messages'
 import {messages as messagesHi} from '#/locale/locales/hi/messages'
 import {messages as messagesJa} from '#/locale/locales/ja/messages'
@@ -25,11 +24,10 @@ export async function dynamicActivate(locale: AppLanguage) {
     //   i18n.loadAndActivate({locale, messages: messagesDe})
     //   break
     // }
-    // DISABLED until this translation is more thoroughly reviewed -prf
-    // case AppLanguage.es: {
-    //   i18n.loadAndActivate({locale, messages: messagesEs})
-    //   break
-    // }
+    case AppLanguage.es: {
+      i18n.loadAndActivate({locale, messages: messagesEs})
+      break
+    }
     case AppLanguage.fr: {
       i18n.loadAndActivate({locale, messages: messagesFr})
       break

src/locale/i18n.web.ts

@@ -17,11 +17,10 @@ export async function dynamicActivate(locale: AppLanguage) {
     //   mod = await import(`./locales/de/messages`)
     //   break
     // }
-    // DISABLED until this translation is more thoroughly reviewed -prf
-    // case AppLanguage.es: {
-    //   mod = await import(`./locales/es/messages`)
-    //   break
-    // }
+    case AppLanguage.es: {
+      mod = await import(`./locales/es/messages`)
+      break
+    }
     case AppLanguage.fr: {
       mod = await import(`./locales/fr/messages`)
       break

src/locale/languages.ts

@@ -8,8 +8,7 @@ export enum AppLanguage {
   en = 'en',
   // DISABLED until this translation is fixed -prf
   // de = 'de',
-  // DISABLED until this translation is more thoroughly reviewed -prf
-  // es = 'es',
+  es = 'es',
   fr = 'fr',
   hi = 'hi',
   ja = 'ja',
@@ -25,8 +24,7 @@ export const APP_LANGUAGES: AppLanguageConfig[] = [
   {code2: AppLanguage.en, name: 'English'},
   // DISABLED until this translation is fixed -prf
   // {code2: AppLanguage.de, name: 'Deutsch'},
-  // DISABLED until this translation is more thoroughly reviewed -prf
-  // {code2: AppLanguage.es, name: 'Español'},
+  {code2: AppLanguage.es, name: 'Español'},
   {code2: AppLanguage.fr, name: 'Français'},
   {code2: AppLanguage.hi, name: 'हिंदी'},
   {code2: AppLanguage.ja, name: '日本語'},