deep-stack/wallet-connect-web-examples
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

adjust styling of copy btn tooltip

Browse Source
This commit is contained in:
Ilja 2022-02-22 13:52:20 +02:00
parent 590551fa92
commit 572280f7b4
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
wallets/react-wallet-v2/src/components/AccountCard.tsx
View File

@ -16,7 +16,7 @@ export default function AccountCard({ name, logo, rgb, address }: Props) {
function onCopy() { function onCopy() {
navigator?.clipboard?.writeText(address) navigator?.clipboard?.writeText(address)
setCopied(true) setCopied(true)
setTimeout(() => setCopied(false), 1000) setTimeout(() => setCopied(false), 1500)
} }
return ( return (
@ -49,10 +49,10 @@ export default function AccountCard({ name, logo, rgb, address }: Props) {
</Text> </Text>
</div> </div>
<Tooltip content="Copy" color="invert" placement="left"> <Tooltip content={copied ? 'Copied!' : 'Copy'} placement="left">
<Button <Button
size="sm" size="sm"
css={{ minWidth: 'auto', backgroundColor: 'rgba(255, 255, 255, 0.2)' }} css={{ minWidth: 'auto', backgroundColor: 'rgba(255, 255, 255, 0.15)' }}
onClick={onCopy} onClick={onCopy}
> >
<Image <Image