2023-07-19 19:29:37 +08:00
|
|
|
import { useCallback, useState } from 'react'
|
|
|
|
import writeText from 'copy-to-clipboard'
|
2023-05-15 08:51:32 +08:00
|
|
|
|
|
|
|
type CopiedValue = string | null
|
|
|
|
type CopyFn = (text: string) => Promise<boolean>
|
|
|
|
|
|
|
|
function useCopyToClipboard(): [CopiedValue, CopyFn] {
|
2023-07-19 19:29:37 +08:00
|
|
|
const [copiedText, setCopiedText] = useState<CopiedValue>(null)
|
2023-05-15 08:51:32 +08:00
|
|
|
|
2023-07-19 19:29:37 +08:00
|
|
|
const copy: CopyFn = useCallback(async (text: string) => {
|
|
|
|
try {
|
|
|
|
writeText(text)
|
|
|
|
setCopiedText(text)
|
|
|
|
return true
|
|
|
|
}
|
|
|
|
catch (error) {
|
|
|
|
console.warn('Copy failed', error)
|
|
|
|
setCopiedText(null)
|
|
|
|
return false
|
2023-05-15 08:51:32 +08:00
|
|
|
}
|
2023-07-19 19:29:37 +08:00
|
|
|
}, [])
|
2023-05-15 08:51:32 +08:00
|
|
|
|
2023-07-19 19:29:37 +08:00
|
|
|
return [copiedText, copy]
|
2023-05-15 08:51:32 +08:00
|
|
|
}
|
|
|
|
|
2023-07-19 19:29:37 +08:00
|
|
|
export default useCopyToClipboard
|