Skip to content

D
dify
Unverified Commit 34f55739 authored by Rhon Joe's avatar Rhon Joe Committed by GitHub
Browse files
Options

fix(web): fix #596 copy-to-clipboard issue (#602)

parent 668b059c
Hide whitespace changes
Inline Side-by-side
Showing with 20 additions and 18 deletions
web/hooks/use-copy-to-clipboard.ts
View file @ 34f55739
import { useState } from 'react' import { useCallback, useState } from 'react'
import writeText from 'copy-to-clipboard'
type CopiedValue = string | null type CopiedValue = string | null
type CopyFn = (text: string) => Promise<boolean> type CopyFn = (text: string) => Promise<boolean>
function useCopyToClipboard(): [CopiedValue, CopyFn] { function useCopyToClipboard(): [CopiedValue, CopyFn] {
const [copiedText, setCopiedText] = useState<CopiedValue>(null) const [copiedText, setCopiedText] = useState<CopiedValue>(null)
const copy: CopyFn = async text => { const copy: CopyFn = useCallback(async (text: string) => {
if (!navigator?.clipboard) { if (!navigator?.clipboard) {
console.warn('Clipboard not supported') console.warn('Clipboard not supported')
return false return false
} }
try { try {
await navigator.clipboard.writeText(text) writeText(text)
setCopiedText(text) setCopiedText(text)
return true return true
} catch (error) { }
console.warn('Copy failed', error) catch (error) {
setCopiedText(null) console.warn('Copy failed', error)
return false setCopiedText(null)
} return false
} }
}, [])
return [copiedText, copy] return [copiedText, copy]
} }
export default useCopyToClipboard export default useCopyToClipboard
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment