From 8fd843d228e75068c1233738d4ce6507e2bddc4c Mon Sep 17 00:00:00 2001
From: code-october <148516338+code-october@users.noreply.github.com>
Date: Fri, 11 Oct 2024 11:38:52 +0000
Subject: [PATCH] =?UTF-8?q?=E5=8F=82=E8=80=83coderabbitai=E5=BB=BA?=
 =?UTF-8?q?=E8=AE=AE=E8=A7=84=E8=8C=83=E4=BB=A3=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/components/markdown.tsx | 19 ++++++++++++-------
 app/components/settings.tsx |  1 +
 app/locales/cn.ts           |  4 ++--
 app/locales/en.ts           |  2 +-
 4 files changed, 16 insertions(+), 10 deletions(-)

diff --git a/app/components/markdown.tsx b/app/components/markdown.tsx
index 22664df8acc..8e744b441d0 100644
--- a/app/components/markdown.tsx
+++ b/app/components/markdown.tsx
@@ -190,6 +190,16 @@ function CustomCode(props: { children: any; className?: string }) {
   const toggleCollapsed = () => {
     setCollapsed((collapsed) => !collapsed);
   };
+  const renderShowMoreButton = () => {
+    if (showToggle && enableCodeFold && collapsed) {
+      return (
+        <div className={`show-hide-button ${collapsed ? "collapsed" : "expanded"}`}>
+          <button onClick={toggleCollapsed}>{Locale.NewChat.More}</button>
+        </div>
+      );
+    }
+    return null;
+  };
   return (
     <>
       <code
@@ -202,13 +212,8 @@ function CustomCode(props: { children: any; className?: string }) {
       >
         {props.children}
       </code>
-      {showToggle && enableCodeFold && collapsed && (
-        <div
-          className={`show-hide-button ${collapsed ? "collapsed" : "expanded"}`}
-        >
-          <button onClick={toggleCollapsed}>{Locale.NewChat.More}</button>
-        </div>
-      )}
+      
+      {renderShowMoreButton()}
     </>
   );
 }
diff --git a/app/components/settings.tsx b/app/components/settings.tsx
index 5f478374edf..e2464481341 100644
--- a/app/components/settings.tsx
+++ b/app/components/settings.tsx
@@ -1517,6 +1517,7 @@ export function Settings() {
               aria-label={Locale.Mask.Config.CodeFold.Title}
               type="checkbox"
               checked={config.enableCodeFold}
+              data-testid="enable-code-fold-checkbox"
               onChange={(e) =>
                 updateConfig(
                   (config) => (config.enableCodeFold = e.currentTarget.checked),
diff --git a/app/locales/cn.ts b/app/locales/cn.ts
index 3ba8dd80b3e..09eafe492c7 100644
--- a/app/locales/cn.ts
+++ b/app/locales/cn.ts
@@ -666,8 +666,8 @@ const cn = {
         SubTitle: "启用之后可以直接渲染HTML页面",
       },
       CodeFold: {
-        Title: "启用CodeFold",
-        SubTitle: "启用之后可以折叠/展开过长的代码块",
+        Title: "启用代码折叠",
+        SubTitle: "启用之后可以自动折叠/展开过长的代码块",
       },
       Share: {
         Title: "分享此面具",
diff --git a/app/locales/en.ts b/app/locales/en.ts
index 40782be7ad0..8dfe8ed9348 100644
--- a/app/locales/en.ts
+++ b/app/locales/en.ts
@@ -678,7 +678,7 @@ const en: LocaleType = {
       CodeFold: {
         Title: "Enable CodeFold",
         SubTitle:
-          "Automatically collapse/expand overly long code block when enable CodeFold",
+          "Automatically collapse/expand overly long code blocks when CodeFold is enabled",
       },
       Share: {
         Title: "Share This Mask",