useCopyToClipboard

jordanoverbye · jordanoverbye · commit 68873719e192 · 2019-11-30T17:19:53.000+10:00
diff --git a/packages/blocks-ui/src/use-copy-to-clipboard.js b/packages/blocks-ui/src/use-copy-to-clipboard.js
@@ -0,0 +1,33 @@
+import { useCallback, useState } from 'react'
+
+const copy = toCopy => {
+  const el = document.createElement(`textarea`)
+  el.value = toCopy
+  el.setAttribute(`readonly`, ``)
+  el.style.position = `absolute`
+  el.style.left = `-9999px`
+  document.body.appendChild(el)
+  el.select()
+  document.execCommand(`copy`)
+  document.body.removeChild(el)
+}
+
+const useCopyToClipboard = () => {
+  const [hasCopied, setHasCopied] = useState(false)
+
+  const copyToClipboard = useCallback(
+    toCopy => {
+      if (hasCopied) return
+      copy(toCopy)
+      setHasCopied(true)
+      setTimeout(() => {
+        setHasCopied(false)
+      }, 2000)
+    },
+    [hasCopied]
+  )
+
+  return { hasCopied, copyToClipboard }
+}
+
+export default useCopyToClipboard
