24 lines
773 B
TypeScript
24 lines
773 B
TypeScript
import { CheckCircleIcon, DocumentDuplicateIcon } from "@heroicons/react/24/outline";
|
|
import { useCopyToClipboard } from "~~/hooks/scaffold-eth/useCopyToClipboard";
|
|
|
|
export const AddressCopyIcon = ({ className, address }: { className?: string; address: string }) => {
|
|
const { copyToClipboard: copyAddressToClipboard, isCopiedToClipboard: isAddressCopiedToClipboard } =
|
|
useCopyToClipboard();
|
|
|
|
return (
|
|
<button
|
|
onClick={e => {
|
|
e.stopPropagation();
|
|
copyAddressToClipboard(address);
|
|
}}
|
|
type="button"
|
|
>
|
|
{isAddressCopiedToClipboard ? (
|
|
<CheckCircleIcon className={className} aria-hidden="true" />
|
|
) : (
|
|
<DocumentDuplicateIcon className={className} aria-hidden="true" />
|
|
)}
|
|
</button>
|
|
);
|
|
};
|