From 17d997c88e8146534f96e40b2e4a8b36f8ec6745 Mon Sep 17 00:00:00 2001
From: Junyan Qin <rockchinq@gmail.com>
Date: Sun, 17 Aug 2025 11:43:38 +0800
Subject: [PATCH] fix: i18n fallback

---
 web/src/app/infra/entities/common.ts |  1 +
 web/src/i18n/I18nProvider.tsx        | 33 ++++++++++++++++++++++------
 2 files changed, 27 insertions(+), 7 deletions(-)

diff --git a/web/src/app/infra/entities/common.ts b/web/src/app/infra/entities/common.ts
index 35dcc9f7..64331738 100644
--- a/web/src/app/infra/entities/common.ts
+++ b/web/src/app/infra/entities/common.ts
@@ -1,6 +1,7 @@
 export interface I18nObject {
   en_US: string;
   zh_Hans: string;
+  zh_Hant?: string;
   ja_JP?: string;
 }
 
diff --git a/web/src/i18n/I18nProvider.tsx b/web/src/i18n/I18nProvider.tsx
index 2a78941d..55fcd4c8 100644
--- a/web/src/i18n/I18nProvider.tsx
+++ b/web/src/i18n/I18nProvider.tsx
@@ -3,6 +3,7 @@
 import { ReactNode } from 'react';
 import '@/i18n';
 import { I18nObject } from '@/app/infra/entities/common';
+import i18n from 'i18next';
 
 interface I18nProviderProps {
   children: ReactNode;
@@ -11,10 +12,28 @@ interface I18nProviderProps {
 export default function I18nProvider({ children }: I18nProviderProps) {
   return <>{children}</>;
 }
-export function extractI18nObject(i18nLabel: I18nObject): string {
-  const language = localStorage.getItem('langbot_language');
-  if ((language === 'zh-Hans' && i18nLabel.zh_Hans) || !i18nLabel.en_US) {
-    return i18nLabel.zh_Hans;
-  }
-  return i18nLabel.en_US;
-}
+// export function extractI18nObject(i18nLabel: I18nObject): string {
+//   const language = localStorage.getItem('langbot_language');
+//   if ((language === 'zh-Hans' && i18nLabel.zh_Hans) || !i18nLabel.en_US) {
+//     return i18nLabel.zh_Hans;
+//   }
+//   return i18nLabel.en_US;
+// }
+
+export const extractI18nObject = (i18nObject: I18nObject): string => {
+  // 根据当前语言返回对应的值, fallback优先级：en_US、zh_Hans、zh_Hant、ja_JP
+  const language = i18n.language.replace('-', '_');
+  console.log('language:', language);
+  console.log('i18nObject:', i18nObject);
+  if (language === 'en_US' && i18nObject.en_US) return i18nObject.en_US;
+  if (language === 'zh_Hans' && i18nObject.zh_Hans) return i18nObject.zh_Hans;
+  if (language === 'zh_Hant' && i18nObject.zh_Hant) return i18nObject.zh_Hant;
+  if (language === 'ja_JP' && i18nObject.ja_JP) return i18nObject.ja_JP;
+  return (
+    i18nObject.en_US ||
+    i18nObject.zh_Hans ||
+    i18nObject.zh_Hant ||
+    i18nObject.ja_JP ||
+    ''
+  );
+};