change cursor to pointer on hover

Signed-off-by: Tanuj22 <[email protected]>
Mehdi-Messaadi · Aug 2, 2020 · 14219a2 · 14219a2
1 parent 8f66ca9
commit 14219a2
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/root-wrapper.js b/root-wrapper.js
@@ -1,5 +1,5 @@
 import React from 'react';
-import { MDXProvider} from "@mdx-js/react";
+import { MDXProvider } from "@mdx-js/react";
 import Code from './src/components/CodeBlock'
 
 const components = {

diff --git a/src/components/CodeBlock/index.js b/src/components/CodeBlock/index.js
@@ -34,6 +34,7 @@ const CopyCode = styled.button`
  opacity: 0.3;
  &:hover {
  opacity: 1;
+ cursor: pointer;
  }
 `;
 
@@ -55,8 +56,9 @@ const Code = ({ codeString, language }) => {
  getLineProps,
  getTokenProps,
  }) => (
+ <div><CopyCode onClick={handleClick}>Copy</CopyCode>
  <Pre className={className} style={style}>
- <CopyCode onClick={handleClick}>Copy</CopyCode>
+
  {tokens.map((line, i) => (
  <div {...getLineProps({ line, key: i })}>
  <LineNo>{i + 1}</LineNo>
@@ -66,6 +68,7 @@ const Code = ({ codeString, language }) => {
  </div>
  ))}
  </Pre>
+ </div>
  )}
  </Highlight>
  )