feat(neuron-ui): cache language configuration

Author: Keith-CY

packages/neuron-ui/src/utils/i18n.ts

@@ -1,5 +1,6 @@
 import i18n from 'i18next'
 import { initReactI18next } from 'react-i18next'
+import { language } from 'utils/localCache'
 import zh from 'locales/zh.json'
 import en from 'locales/en.json'
 
@@ -8,7 +9,7 @@ i18n.use(initReactI18next).init({
     en,
     zh,
   },
-  fallbackLng: 'en',
+  fallbackLng: language.load(),
   interpolation: {
     escapeValue: false,
   },

packages/neuron-ui/src/utils/initializeApp.ts

@@ -8,6 +8,7 @@ import {
   currentNetworkID as currentNetworkIDCache,
   currentWallet as currentWalletCache,
   systemScript as systemScriptCache,
+  language as languageCache,
 } from 'utils/localCache'
 import { Routes, ConnectionStatus } from 'utils/const'
 import { WalletWizardPath } from 'components/WalletWizard'
@@ -25,7 +26,7 @@ const intializeApp = ({
   dispatch: StateDispatch
 }) => {
   const {
-    locale = 'zh-CN',
+    locale,
     networks = [],
     currentNetworkID: networkID = '',
     wallets = [],
@@ -36,8 +37,9 @@ const intializeApp = ({
     connectionStatus = false,
     codeHash = '',
   } = initializedState
-  if (locale !== i18n.language) {
+  if (locale && locale !== i18n.language) {
     i18n.changeLanguage(locale)
+    languageCache.save(locale)
   }
   if (wallet && wallet.id) {
     history.push(Routes.Overview)

packages/neuron-ui/src/utils/localCache.ts

@@ -6,6 +6,7 @@ export enum LocalCacheKey {
   CurrentWallet = 'currentWallet',
   CurrentNetworkID = 'currentNetworkID',
   SystemScript = 'systemScript',
+  Language = 'lng',
 }
 enum AddressBookVisibility {
   Invisible = '0',
@@ -141,6 +142,16 @@ export const systemScript = {
   },
 }
 
+export const language = {
+  save: (lng: string) => {
+    window.localStorage.setItem(LocalCacheKey.Language, lng)
+    return true
+  },
+  load: () => {
+    return window.localStorage.getItem(LocalCacheKey.Language) || 'en'
+  },
+}
+
 export default {
   LocalCacheKey,
   addressBook,
@@ -150,4 +161,5 @@ export default {
   currentWallet,
   currentNetworkID,
   systemScript,
+  language,
 }