From b7683caaef0b8330a0e8fea64a11c74a7e64e18d Mon Sep 17 00:00:00 2001
From: Simon G <development@gol.ms>
Date: Thu, 13 May 2021 11:48:30 +0200
Subject: [PATCH] fix(i18n): replace local language (en-US with en) for better
 language support and detection

---
 src/i18n.tsx | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/src/i18n.tsx b/src/i18n.tsx
index 246ef09..c97899b 100644
--- a/src/i18n.tsx
+++ b/src/i18n.tsx
@@ -7,8 +7,7 @@ export const I18N_DEFAULT = 'en-US';
 
 // Language identifiers as specified by RFC 3066: https://www.i18nguy.com/unicode/language-identifiers.html
 export const I18N_LANGUAGES_SUPPORTED = [
-  { cultureLang: 'en-US', name: 'English', nativeName: 'English' },
-  { cultureLang: 'ta-IN', name: 'Tamil (India)', nativeName: 'தமிழ்' },
+  { cultureLang: 'en', name: 'English', nativeName: 'English' },
 ];
 
 // const translations = {
@@ -17,7 +16,7 @@ export const I18N_LANGUAGES_SUPPORTED = [
 // };
 
 export const resources = {
-  'en-US': enUS,
+  en: enUS,
 };
 
 export default i18n
@@ -34,10 +33,14 @@ export default i18n
     cleanCode: true,
     debug: false,
     ns: Object.keys(enUS),
-    supportedLngs: ['en-US', 'ta-IN'],
-    fallbackLng: 'en-US',
+    supportedLngs: ['en'],
+    fallbackLng: 'en',
     defaultNS: 'app',
-    lng: 'en-US',
+    detection: {
+      // Took me some time to realize that the fallback language also depends on the detection order.
+      // Just keep it simple and don't use storage, etc.
+      order: ['navigator'],
+    },
     interpolation: {
       escapeValue: false, // not needed for react as it escapes by default
     },