From dc6817d8afdf0b2fb26c89f64ecd2ac87a6e2b83 Mon Sep 17 00:00:00 2001
From: Jaco Greeff <jacogr@gmail.com>
Date: Sat, 22 Aug 2020 16:44:30 +0200
Subject: [PATCH] Ensure CopyButton is not read-only (#3477)

---
 packages/react-components/src/CopyButton.tsx | 9 +++------
 1 file changed, 3 insertions(+), 6 deletions(-)

diff --git a/packages/react-components/src/CopyButton.tsx b/packages/react-components/src/CopyButton.tsx
index 2616627c71..edb93b04f6 100644
--- a/packages/react-components/src/CopyButton.tsx
+++ b/packages/react-components/src/CopyButton.tsx
@@ -20,6 +20,8 @@ interface Props {
   value: string;
 }
 
+const NOOP = () => undefined;
+
 function CopyButton ({ children, className, icon = 'copy', isAddress = false, value }: Props): React.ReactElement<Props> {
   const { t } = useTranslation();
   const { queueAction } = useContext(StatusContext);
@@ -48,6 +50,7 @@ function CopyButton ({ children, className, icon = 'copy', isAddress = false, va
             <Button
               className='icon-button show-on-hover'
               icon={icon}
+              onClick={NOOP}
             />
           </span>
         </div>
@@ -57,12 +60,6 @@ function CopyButton ({ children, className, icon = 'copy', isAddress = false, va
 }
 
 export default React.memo(styled(CopyButton)`
-  cursor: copy;
-
-  button.u.ui--Icon.primary.button.icon-button {
-    cursor: copy;
-  }
-
   .copySpan {
     white-space: nowrap;
   }