refactor(example): updated with the latest version of the clipboard A…

…PI (pmndrs#1072) * refactor: updated with the latest version of the clipboard API in example zustand * Update examples/src/utils/copy-to-clipboard.js Co-authored-by: Daishi Kato <[email protected]>
ptzagk · Jul 11, 2022 · c0e074f · c0e074f
1 parent 7470e9c
commit c0e074f
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 14 deletions.
diff --git a/examples/src/components/CopyButton.js b/examples/src/components/CopyButton.js
@@ -9,10 +9,12 @@ export default function CopyButton({ code, ...props }) {
   const [isCopied, setIsCopied] = useState(false)
 
   const handleCopy = () => {
-    copyToClipboard(code)
-    setIsCopied(true)
-    setTimeout(() => setIsCopied(false), 3000)
+    copyToClipboard(code).then(() => {
+      setIsCopied(true)
+      setTimeout(() => setIsCopied(false), 3000)
+    })
   }
+
 
   return (
     <>

diff --git a/examples/src/utils/copy-to-clipboard.js b/examples/src/utils/copy-to-clipboard.js
@@ -1,12 +1,3 @@
 export const copyToClipboard = (str) => {
-  const el = document.createElement('textarea')
-  el.value = str
-  el.setAttribute('readonly', '')
-  el.style.position = 'absolute'
-  el.style.left = '-9999px'
-  document.body.appendChild(el)
-  el.select()
-  // FIXME: might need to update this with the clipboard API in the future
-  document.execCommand('copy')
-  document.body.removeChild(el)
-}
+  return navigator.clipboard.writeText(str)
+}