diff --git a/src/components/ui/links/AddressCopier.tsx b/src/components/ui/links/AddressCopier.tsx index 72d6f3325d..f8a9b58ca4 100644 --- a/src/components/ui/links/AddressCopier.tsx +++ b/src/components/ui/links/AddressCopier.tsx @@ -1,11 +1,10 @@ -import { ButtonProps, Text } from '@chakra-ui/react'; +import { Text, Icon, LinkProps } from '@chakra-ui/react'; import { CopySimple } from '@phosphor-icons/react'; import { useCopyText } from '../../../hooks/utils/useCopyText'; import useDisplayName from '../../../hooks/utils/useDisplayName'; -import CeleryButtonWithIcon from '../utils/CeleryButtonWithIcon'; import EtherscanLinkAddress from './EtherscanLinkAddress'; -interface Props extends ButtonProps { +interface Props extends LinkProps { address: string; } @@ -18,15 +17,25 @@ export default function AddressCopier({ address, ...rest }: Props) { const copyToClipboard = useCopyText(); return ( - copyToClipboard(address)} - icon={CopySimple} - iconPosition="end" + { + e.preventDefault(); + copyToClipboard(address); + }} + width="fit-content" {...rest} > - - {accountSubstring} - - + + {accountSubstring} + + + ); }