From 6872ffb6c48cf8fd64ff6c172b4517f675e5ec8a Mon Sep 17 00:00:00 2001
From: Jerel Miller <jerelmiller@gmail.com>
Date: Wed, 8 Jul 2020 00:09:41 -0700
Subject: [PATCH] refactor: rename copy prop to copyable

---
 src/components/CodeBlock.js    | 12 ++++++------
 src/components/MDXContainer.js |  2 +-
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/components/CodeBlock.js b/src/components/CodeBlock.js
index 31ea2b787..67dc67fb0 100644
--- a/src/components/CodeBlock.js
+++ b/src/components/CodeBlock.js
@@ -18,7 +18,7 @@ const defaultComponents = {
 const CodeBlock = ({
   children,
   components: componentOverrides = {},
-  copy,
+  copyable,
   live,
   highlightedLines,
   fileName,
@@ -30,7 +30,7 @@ const CodeBlock = ({
 }) => {
   const components = { ...defaultComponents, ...componentOverrides };
   const formattedCode = useFormattedCode(children.trim(), formatOptions);
-  const [copied, copyCode] = useClipboard();
+  const [copied, copy] = useClipboard();
   const [code, setCode] = useState(formattedCode);
 
   useEffect(() => {
@@ -60,7 +60,7 @@ const CodeBlock = ({
           )}
         </div>
 
-        {(copy || fileName) && (
+        {(copyable || fileName) && (
           <div className={styles.statusBar}>
             <div className={styles.fileName}>
               {fileName && (
@@ -73,7 +73,7 @@ const CodeBlock = ({
               type="button"
               className={styles.copyButton}
               variant={Button.VARIANT.PLAIN}
-              onClick={() => copyCode(code)}
+              onClick={() => copy(code)}
               size={Button.SIZE.SMALL}
             >
               <FeatherIcon name="copy" className={styles.copyButtonIcon} />
@@ -92,7 +92,7 @@ CodeBlock.propTypes = {
   components: PropTypes.shape({
     Preview: PropTypes.elementType,
   }),
-  copy: PropTypes.bool,
+  copyable: PropTypes.bool,
   children: PropTypes.string.isRequired,
   formatOptions: PropTypes.object,
   highlightedLines: PropTypes.string,
@@ -104,7 +104,7 @@ CodeBlock.propTypes = {
 };
 
 CodeBlock.defaultProps = {
-  copy: true,
+  copyable: true,
   lineNumbers: false,
   live: false,
   preview: false,
diff --git a/src/components/MDXContainer.js b/src/components/MDXContainer.js
index e17571e4e..676320169 100644
--- a/src/components/MDXContainer.js
+++ b/src/components/MDXContainer.js
@@ -34,7 +34,7 @@ const components = {
     ...props
   }) => (
     <CodeBlock
-      copy={copy !== 'false'}
+      copyable={copy !== 'false'}
       highlightedLines={lineHighlight}
       language={className?.replace('language-', '')}
       lineNumbers={lineNumbers === 'true'}