From c5954e73eca1ffbe3c1766e79361b85f46512be7 Mon Sep 17 00:00:00 2001 From: David Walsh Date: Thu, 4 May 2023 09:15:37 -0500 Subject: [PATCH] Fix #18990 - UX: Multichain - Copy Address Fixes (#18993) --- ui/components/app/wallet-overview/wallet-overview.js | 5 ++++- .../multichain/address-copy-button/address-copy-button.js | 2 +- 2 files changed, 5 insertions(+), 2 deletions(-) diff --git a/ui/components/app/wallet-overview/wallet-overview.js b/ui/components/app/wallet-overview/wallet-overview.js index 5be0ef73b..7cc9642aa 100644 --- a/ui/components/app/wallet-overview/wallet-overview.js +++ b/ui/components/app/wallet-overview/wallet-overview.js @@ -5,6 +5,7 @@ import { useSelector } from 'react-redux'; import { toChecksumHexAddress } from '../../../../shared/modules/hexstring-utils'; import { getSelectedIdentity } from '../../../selectors'; import { AddressCopyButton } from '../../multichain'; +import Box from '../../ui/box/box'; const WalletOverview = ({ balance, buttons, className, icon, loading }) => { const selectedIdentity = useSelector(getSelectedIdentity); @@ -13,7 +14,9 @@ const WalletOverview = ({ balance, buttons, className, icon, loading }) => {
{process.env.MULTICHAIN ? ( - + + + ) : ( <>{loading ? null : icon} )} diff --git a/ui/components/multichain/address-copy-button/address-copy-button.js b/ui/components/multichain/address-copy-button/address-copy-button.js index 087960e7b..4fbc5f944 100644 --- a/ui/components/multichain/address-copy-button/address-copy-button.js +++ b/ui/components/multichain/address-copy-button/address-copy-button.js @@ -38,7 +38,7 @@ export const AddressCopyButton = ({ paddingRight={4} paddingLeft={4} size={Size.SM} - variant={TextVariant.bodyXs} + variant={TextVariant.bodySm} color={TextColor.primaryDefault} endIconName={copied ? ICON_NAMES.COPY_SUCCESS : ICON_NAMES.COPY} className={classnames('multichain-address-copy-button', {