refactor: rename copy prop to copyable

newrelic · Jul 8, 2020 · 6872ffb · 6872ffb
1 parent c06efa2
commit 6872ffb
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 7 deletions.
diff --git 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
@@ -34,7 +34,7 @@ const components = {
     ...props
   }) => (
     <CodeBlock
-      copy={copy !== 'false'}
+      copyable={copy !== 'false'}
       highlightedLines={lineHighlight}
       language={className?.replace('language-', '')}
       lineNumbers={lineNumbers === 'true'}