From 198965e983240bd9015e3199d17758db9a4d713f Mon Sep 17 00:00:00 2001
From: JingZhang Chen <iRoiocam@gmail.com>
Date: Sat, 31 Aug 2024 04:21:01 +0800
Subject: [PATCH] clean code

---
 .../src/theme/CodeBlock/Content/String.tsx    | 39 +++++++------------
 1 file changed, 15 insertions(+), 24 deletions(-)

diff --git a/packages/docusaurus-theme-classic/src/theme/CodeBlock/Content/String.tsx b/packages/docusaurus-theme-classic/src/theme/CodeBlock/Content/String.tsx
index 820228eb4713..4f2e70b3a9a2 100644
--- a/packages/docusaurus-theme-classic/src/theme/CodeBlock/Content/String.tsx
+++ b/packages/docusaurus-theme-classic/src/theme/CodeBlock/Content/String.tsx
@@ -62,6 +62,19 @@ export default function CodeBlockString({
   const showLineNumbers =
     showLineNumbersProp ?? containsLineNumbers(metastring);
 
+  function ButtonGroup() {
+  return <div className={styles.buttonGroup}>
+      {(wordWrap.isEnabled || wordWrap.isCodeScrollable) && (
+        <WordWrapButton
+          className={styles.codeButton}
+          onClick={() => wordWrap.toggle()}
+          isEnabled={wordWrap.isEnabled}
+        />
+      )}
+      <CopyButton className={styles.codeButton} code={code} />
+    </div>
+}
+
   return (
     <Container
       as="div"
@@ -74,18 +87,7 @@ export default function CodeBlockString({
       {title && (
         <div className={styles.codeBlockTitle}>
           {title}
-          {title && (
-            <div className={styles.buttonGroup}>
-              {(wordWrap.isEnabled || wordWrap.isCodeScrollable) && (
-                <WordWrapButton
-                  className={styles.codeButton}
-                  onClick={() => wordWrap.toggle()}
-                  isEnabled={wordWrap.isEnabled}
-                />
-              )}
-              <CopyButton className={styles.codeButton} code={code} />
-            </div>
-          )}
+          <ButtonGroup />
         </div>
       )}
       <div className={styles.codeBlockContent}>
@@ -119,18 +121,7 @@ export default function CodeBlockString({
             </pre>
           )}
         </Highlight>
-        {!title && (
-          <div className={styles.buttonGroup}>
-            {(wordWrap.isEnabled || wordWrap.isCodeScrollable) && (
-              <WordWrapButton
-                className={styles.codeButton}
-                onClick={() => wordWrap.toggle()}
-                isEnabled={wordWrap.isEnabled}
-              />
-            )}
-            <CopyButton className={styles.codeButton} code={code} />
-          </div>
-        )}
+        {!title && <ButtonGroup />}
       </div>
     </Container>
   );