From 3472e04a16ef9bb39b039f99bdaa2c7c4b178822 Mon Sep 17 00:00:00 2001
From: Darren Yu <YDL@YUDONGLING.NET>
Date: Thu, 21 Aug 2025 21:21:10 +0800
Subject: [PATCH] feat(email): auto switch for existing language templates, and
 use friendly lang display name

---
 .../Admin/Settings/Email/EmailTemplateEditor.tsx  | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/src/component/Admin/Settings/Email/EmailTemplateEditor.tsx b/src/component/Admin/Settings/Email/EmailTemplateEditor.tsx
index 752e702..032fc0f 100644
--- a/src/component/Admin/Settings/Email/EmailTemplateEditor.tsx
+++ b/src/component/Admin/Settings/Email/EmailTemplateEditor.tsx
@@ -93,10 +93,12 @@ const EmailTemplateEditor: React.FC<EmailTemplateEditorProps> = ({ value, onChan
     if (!newLanguageCode.trim()) return;
 
     // Check if language already exists
-    if (templates.some((t) => t.language === newLanguageCode)) {
-      // Could show an error message here
+    const langTemplateIndex = templates.findIndex(l => l.language === newLanguageCode);
+    if (langTemplateIndex !== -1) {
       setNewLanguageCode("");
       setAddLanguageOpen(false);
+
+      setCurrentTab(langTemplateIndex);
       return;
     }
 
@@ -128,9 +130,12 @@ const EmailTemplateEditor: React.FC<EmailTemplateEditorProps> = ({ value, onChan
           scrollButtons="auto"
           sx={{ flexGrow: 1 }}
         >
-          {templates.map((template, index) => (
-            <Tab key={index} label={template.language} />
-          ))}
+          {templates.map((template, index) => {
+            const lang = languages.find(l => l.code === template.language);
+            return (
+              <Tab key={index} label={lang ? lang.displayName : template.language} />
+            );
+          })}
         </Tabs>
         <Button
           startIcon={<Add />}