clean code

facebook · Aug 30, 2024 · 198965e · 198965e
1 parent 20a996e
commit 198965e
Showing 1 changed file with 15 additions and 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
@@ -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>
   );