Skip to content

Commit

Permalink
Hide tooltip for copying a wallet address
Browse files Browse the repository at this point in the history
  • Loading branch information
ChiaMineJP committed Aug 15, 2024
1 parent d92ed1d commit 01a5629
Showing 1 changed file with 19 additions and 20 deletions.
39 changes: 19 additions & 20 deletions packages/wallets/src/components/WalletHistory.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,6 @@ import {
import {
AddressBookContext,
Card,
CopyToClipboard,
Flex,
StateColor,
TableControlled,
Expand Down Expand Up @@ -153,6 +152,24 @@ const getCols = (type: WalletType, isSyncing, getOfferRecord, navigate, location
});
}

const addressEl = shouldObscureAddress ? (
<Tooltip
title={
<StyledWarning>
<Trans>This is not a valid address for sending funds to</Trans>
</StyledWarning>
}
>
<span>
{displayEmoji} {displayAddress}
</span>
</Tooltip>
) : (
<span>
{displayEmoji} {displayAddress}
</span>
);

return (
<Flex
flexDirection="column"
Expand All @@ -167,25 +184,7 @@ const getCols = (type: WalletType, isSyncing, getOfferRecord, navigate, location
<Typography variant="caption" component="span">
<Trans>To: </Trans>
</Typography>
<Tooltip
title={
<Flex flexDirection="column" gap={1}>
{shouldObscureAddress && (
<StyledWarning>
<Trans>This is not a valid address for sending funds to</Trans>
</StyledWarning>
)}
<Flex flexDirection="row" alignItems="center" gap={1}>
<Box maxWidth={200}>{row.toAddress}</Box>
{!shouldObscureAddress && <CopyToClipboard value={row.toAddress} fontSize="small" />}
</Flex>
</Flex>
}
>
<span>
{displayEmoji} {displayAddress}
</span>
</Tooltip>
{addressEl}
</div>
<Flex gap={0.5}>
{isIncomingClawback && (
Expand Down

0 comments on commit 01a5629

Please sign in to comment.