From 75274e5cc84f0eda9d446a180754efb5568ba966 Mon Sep 17 00:00:00 2001
From: Paulo Gustavo Veiga <pveiga@wisemapping.com>
Date: Mon, 14 Mar 2022 23:17:28 -0300
Subject: [PATCH] Add local storage of user settings locale.

---
 packages/webapp/src/classes/app-i18n/index.ts | 25 ++++++++++++++++++-
 1 file changed, 24 insertions(+), 1 deletion(-)

diff --git a/packages/webapp/src/classes/app-i18n/index.ts b/packages/webapp/src/classes/app-i18n/index.ts
index 9dbb79dc..e3354608 100644
--- a/packages/webapp/src/classes/app-i18n/index.ts
+++ b/packages/webapp/src/classes/app-i18n/index.ts
@@ -19,13 +19,21 @@ export class Locale {
 }
 
 export default abstract class AppI18n {
+    private static LOCAL_STORAGE_KEY = 'user.locale';
+
     public static getUserLocale(): Locale {
         // @Todo Hack: Try page must not account info. Add this to avoid 403 errors.
         const isTryPage = window.location.href.endsWith('/try');
         let result: Locale;
         if (!isTryPage) {
             const account = fetchAccount();
-            result = account?.locale ? account.locale : this.getBrowserLocale();
+            result = account?.locale ? account.locale : this.getDefaultLocale();
+
+            // If the local storage value is different, update ...
+            if (account?.locale && result.code !== localStorage.getItem(AppI18n.LOCAL_STORAGE_KEY)) {
+                localStorage.setItem(AppI18n.LOCAL_STORAGE_KEY, result.code);
+            }
+
         } else {
             result = this.getBrowserLocale();
         }
@@ -47,6 +55,21 @@ export default abstract class AppI18n {
 
         return result;
     }
+
+    public static getDefaultLocale(): Locale {
+        // Fetch local from local storage ...
+        let result: Locale;
+        const userLocaleCode: string = localStorage.getItem(AppI18n.LOCAL_STORAGE_KEY);
+        if (userLocaleCode) {
+            result = localeFromStr(userLocaleCode);
+        }
+
+        // Ok, use browser default ...
+        if (!result) {
+            result = this.getBrowserLocale();
+        }
+        return result;
+    }
 }
 
 export type LocaleCode = 'en' | 'es' | 'fr' | 'de' | 'ru' | 'zh';