dify/web/hooks/use-copy-to-clipboard.ts

27 lines
624 B
TypeScript
Raw Normal View History

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] {
const [copiedText, setCopiedText] = useState<CopiedValue>(null)
2023-05-15 08:51:32 +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-05-15 08:51:32 +08:00
return [copiedText, copy]
2023-05-15 08:51:32 +08:00
}
export default useCopyToClipboard