Function useCopyClipboard

components/hooks/useClipboard.ts:11–41

(
  text: string,
  options?: IOptions
)

}

export default function useCopyClipboard(
  text: string,
  options?: IOptions
): [boolean, () => Promise<void>] {
  const [isCopied, setIsCopied] = useState(false)
  const successDuration = options && options.successDuration

  useEffect(() => {
    if (isCopied && successDuration) {
      const id = setTimeout(() => {
        setIsCopied(false)
      }, successDuration)

      return () => {
        clearTimeout(id)
      }
    }
  }, [isCopied, successDuration])

  return [
    isCopied,
    async () => {
      try {
        await navigator.clipboard.writeText(text)
        setIsCopied(true)
      } catch {
        setIsCopied(false)
      }
    },
  ]
}