Enable Chinese language in settings

xch-dev · Jan 2, 2025 · 9c7ab62 · 9c7ab62
1 parent 0043087
commit 9c7ab62
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 7 deletions.
diff --git a/lingui.config.js b/lingui.config.js
@@ -3,7 +3,7 @@ import { formatter } from '@lingui/format-po';
 
 export default defineConfig({
   sourceLocale: 'en-US',
-  locales: ['en-US', 'de-DE'],
+  locales: ['en-US', 'de-DE', 'zh-CN'],
   format: formatter({ printPlaceholdersInComments: false }),
 
   catalogs: [

diff --git a/src/contexts/LanguageContext.tsx b/src/contexts/LanguageContext.tsx
@@ -1,7 +1,7 @@
 import { loadCatalog } from '@/i18n';
-import { createContext, useContext, useState, ReactNode } from 'react';
+import { createContext, ReactNode, useContext } from 'react';
 
-const SUPPORTED_LANGUAGES = ['en-US', 'de-DE'] as const;
+const SUPPORTED_LANGUAGES = ['en-US', 'de-DE', 'zh-CN'] as const;
 export type SupportedLanguage = (typeof SUPPORTED_LANGUAGES)[number];
 export interface LanguageContextType {
   locale: SupportedLanguage;

diff --git a/src/pages/Settings.tsx b/src/pages/Settings.tsx
@@ -13,11 +13,14 @@ import {
   SelectValue,
 } from '@/components/ui/select';
 import { Switch } from '@/components/ui/switch';
+import { useLanguage } from '@/contexts/LanguageContext';
 import { useErrors } from '@/hooks/useErrors';
 import useInitialization from '@/hooks/useInitialization';
 import { useWallet } from '@/hooks/useWallet';
 import { useWalletConnect } from '@/hooks/useWalletConnect';
 import { clearState, fetchState } from '@/state';
+import { t } from '@lingui/core/macro';
+import { Trans } from '@lingui/react/macro';
 import { useContext, useEffect, useState } from 'react';
 import { DarkModeContext } from '../App';
 import {
@@ -28,10 +31,6 @@ import {
   WalletConfig,
 } from '../bindings';
 import { isValidU32 } from '../validation';
-import { Trans } from '@lingui/react/macro';
-import { t } from '@lingui/core/macro';
-import { loadCatalog } from '@/i18n';
-import { useLanguage } from '@/contexts/LanguageContext';
 
 export default function Settings() {
   const initialized = useInitialization();
@@ -87,6 +86,7 @@ function GlobalSettings() {
             <SelectContent>
               <SelectItem value='en-US'>English</SelectItem>
               <SelectItem value='de-DE'>Deutsch</SelectItem>
+              <SelectItem value='zh-CN'>Chinese</SelectItem>
             </SelectContent>
           </Select>
         </div>