27 lines
631 B
TypeScript
27 lines
631 B
TypeScript
import copy from 'copy-to-clipboard'
|
|
import { useCallback, useEffect, useState } from 'react'
|
|
|
|
export default function useCopyClipboard(timeout = 500): [boolean, (toCopy: string) => void] {
|
|
const [isCopied, setIsCopied] = useState(false)
|
|
|
|
const staticCopy = useCallback(text => {
|
|
const didCopy = copy(text)
|
|
setIsCopied(didCopy)
|
|
}, [])
|
|
|
|
useEffect(() => {
|
|
if (isCopied) {
|
|
const hide = setTimeout(() => {
|
|
setIsCopied(false)
|
|
}, timeout)
|
|
|
|
return () => {
|
|
clearTimeout(hide)
|
|
}
|
|
}
|
|
return undefined
|
|
}, [isCopied, setIsCopied, timeout])
|
|
|
|
return [isCopied, staticCopy]
|
|
}
|