Portuguese (Brazil) Translation & Language Persistence

src/common/constants.js

@@ -4,7 +4,8 @@ export const OCL_CLIENT = `oclmap/${packageJson.version}`;
 export const LANGUAGES = [
   {locale: 'en', name: 'English'},
   {locale: 'es', name: "Español"},
-  {locale: 'zh', name: "中文"}
+  {locale: 'zh', name: "中文"},
+  {locale: 'pt-BR', name: "Português (Brasil)"}
 ]
 
 

src/i18n/config.js

@@ -3,10 +3,34 @@ import { initReactI18next } from 'react-i18next';
 import en from './locales/en/translations.json'
 import es from './locales/es/translations.json'
 import zh from './locales/zh/translations.json'
+import ptBR from './locales/pt-BR/translations.json'
+
+const LANGUAGE_STORAGE_KEY = 'ocl.language'
+const SUPPORTED_LANGUAGES = ['en', 'es', 'zh', 'pt-BR']
+
+const getInitialLanguage = () => {
+  if(typeof window === 'undefined')
+    return 'en'
+
+  try {
+    const storedLanguage = window.localStorage.getItem(LANGUAGE_STORAGE_KEY)
+    return SUPPORTED_LANGUAGES.includes(storedLanguage) ? storedLanguage : 'en'
+  } catch(_) {
+    return 'en'
+  }
+}
+
+const persistLanguage = language => {
+  try {
+    window.localStorage.setItem(LANGUAGE_STORAGE_KEY, language)
+  } catch(_) {
+    // Keep i18n usable when browser storage is unavailable.
+  }
+}
 
 i18n.use(initReactI18next).init({
   fallbackLng: 'en',
-  lng: 'en',
+  lng: getInitialLanguage(),
   resources: {
     en: {
       translations: en
@@ -16,13 +40,17 @@ i18n.use(initReactI18next).init({
     },
     zh: {
       translations: zh
+    },
+    'pt-BR': {
+      translations: ptBR
     }
   },
   ns: ['translations'],
   defaultNS: 'translations',
   interpolation: { escapeValue: false }
 });
 
-i18n.languages = ['en', 'es', 'zh'];
+i18n.languages = SUPPORTED_LANGUAGES;
+i18n.on('languageChanged', persistLanguage)
 
 export default i18n;

src/i18n/locales/en/translations.json

@@ -337,8 +337,7 @@
     "bio": "Short bio",
     "about_me": "About me",
     "about_me_description": "Create an introduction for visiting your profile (200 characters).",
-    "user_has_not_created_public_repos_suffix": "has not created any public repositories",
-    "recent_activity": "recent activity"
+    "user_has_not_created_public_repos_suffix": "has not created any public repositories"
   },
   "search": {
     "filters": "Filters",

src/i18n/locales/es/translations.json

@@ -329,8 +329,7 @@
     "bio": "Biografía corta",
     "about_me": "Acerca de mí",
     "about_me_description": "Crea una introducción para quienes visitan tu perfil (200 caracteres).",
-    "user_has_not_created_public_repos_suffix": "no ha creado repositorios públicos",
-    "recent_activity": "actividad reciente"
+    "user_has_not_created_public_repos_suffix": "no ha creado repositorios públicos"
   },
   "search": {
     "filters": "Filtros",