[docs] Hide copy button on search icon dialog (#32577)

mui · May 3, 2022 · 0c5a0b0 · 0c5a0b0
1 parent 1829236
commit 0c5a0b0
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 15 deletions.
diff --git a/docs/data/material/components/material-icons/SearchIcons.js b/docs/data/material/components/material-icons/SearchIcons.js
@@ -297,6 +297,7 @@ const DialogDetails = React.memo(function DialogDetails(props) {
             TransitionProps={{ onExited: () => setCopied2(false) }}
           >
             <Markdown
+              copyButtonHidden
               onClick={handleClick(2)}
               code={`import ${selectedIcon.importName}Icon from '@mui/icons-material/${selectedIcon.importName}';`}
               language="js"

diff --git a/docs/src/modules/components/HighlightedCode.js b/docs/src/modules/components/HighlightedCode.js
@@ -8,6 +8,7 @@ import { useCodeCopy } from 'docs/src/modules/utils/CodeCopy';
 
 const HighlightedCode = React.forwardRef(function HighlightedCode(props, ref) {
   const {
+    copyButtonHidden = false,
     copyButtonProps,
     code,
     language,
@@ -50,21 +51,23 @@ const HighlightedCode = React.forwardRef(function HighlightedCode(props, ref) {
             dangerouslySetInnerHTML={{ __html: renderedCode }}
           />
         </pre>
-        <button
-          {...copyButtonProps}
-          aria-label="Copy the code"
-          type="button"
-          className="MuiCode-copy"
-          onClick={async () => {
-            setCopied(true);
-            await copy(code);
-          }}
-        >
-          {copied ? 'Copied' : 'Copy'}
-          <span className="MuiCode-copyKeypress">
-            <span>or</span> {key} + C
-          </span>
-        </button>
+        {!copyButtonHidden && (
+          <button
+            {...copyButtonProps}
+            aria-label="Copy the code"
+            type="button"
+            className="MuiCode-copy"
+            onClick={async () => {
+              setCopied(true);
+              await copy(code);
+            }}
+          >
+            {copied ? 'Copied' : 'Copy'}
+            <span className="MuiCode-copyKeypress">
+              <span>or</span> {key} + C
+            </span>
+          </button>
+        )}
       </div>
     </Component>
   );
@@ -73,6 +76,7 @@ const HighlightedCode = React.forwardRef(function HighlightedCode(props, ref) {
 HighlightedCode.propTypes = {
   code: PropTypes.string.isRequired,
   component: PropTypes.elementType,
+  copyButtonHidden: PropTypes.bool,
   copyButtonProps: PropTypes.object,
   language: PropTypes.string.isRequired,
 };