Something went wrong. Try again.
fork of ozone with nix stuff
Something went wrong. Try again.
981 B · 40 lines
TSX
at main
1234567891011121314151617181920212223242526272829303132333435363738394041import { ClipboardIcon } from '@heroicons/react/20/solid'import { ReactNode, type JSX } from 'react'import { toast } from 'react-toastify'
export const copyToClipboard = (text: string, labelText: string) => { toast.promise(navigator.clipboard.writeText(text), { pending: `Copying ${labelText}to clipboard...`, success: { render() { return `Copied ${labelText}to clipboard` }, }, error: { render() { return `Error copying ${labelText}to clipboard` }, }, })}
export const CopyButton = ({ text, label, labelText = typeof label === 'string' && label ? `${label} ` : '', ...rest}: { text: string label?: ReactNode labelText?: string} & JSX.IntrinsicElements['button']) => { const handleCopy = (e) => { e.preventDefault() copyToClipboard(text, labelText) } return ( <button type="button" onClick={handleCopy} {...rest}> <ClipboardIcon className="h-3 w-3" /> </button> )}