From 9c7ab62e40873d850286f0e32f8e64ce368ccf48 Mon Sep 17 00:00:00 2001
From: Rigidity <me@rigidnetwork.com>
Date: Thu, 2 Jan 2025 15:56:19 -0500
Subject: [PATCH] Enable Chinese language in settings

---
 lingui.config.js                 | 2 +-
 src/contexts/LanguageContext.tsx | 4 ++--
 src/pages/Settings.tsx           | 8 ++++----
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/lingui.config.js b/lingui.config.js
index 56ac1a5b..2110aa36 100644
--- 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
index f2d7a94f..e37a9e89 100644
--- 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
index 60fd0625..2a0d813d 100644
--- 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>