m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 09:52:26 +01:00
Code

Fix #18990 - UX: Multichain - Copy Address Fixes (#18993)

Browse Source
This commit is contained in:
David Walsh 2023-05-04 09:15:37 -05:00 committed by GitHub
parent cfc653ada6
commit c5954e73ec
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
ui/components/app/wallet-overview/wallet-overview.js
View File

@ -5,6 +5,7 @@ import { useSelector } from 'react-redux';
import { toChecksumHexAddress } from '../../../../shared/modules/hexstring-utils'; import { toChecksumHexAddress } from '../../../../shared/modules/hexstring-utils';
import { getSelectedIdentity } from '../../../selectors'; import { getSelectedIdentity } from '../../../selectors';
import { AddressCopyButton } from '../../multichain'; import { AddressCopyButton } from '../../multichain';
import Box from '../../ui/box/box';
const WalletOverview = ({ balance, buttons, className, icon, loading }) => { const WalletOverview = ({ balance, buttons, className, icon, loading }) => {
const selectedIdentity = useSelector(getSelectedIdentity); const selectedIdentity = useSelector(getSelectedIdentity);
@ -13,7 +14,9 @@ const WalletOverview = ({ balance, buttons, className, icon, loading }) => {
<div className={classnames('wallet-overview', className)}> <div className={classnames('wallet-overview', className)}>
<div className="wallet-overview__balance"> <div className="wallet-overview__balance">
{process.env.MULTICHAIN ? ( {process.env.MULTICHAIN ? (
<Box marginTop={2}>
<AddressCopyButton address={checksummedAddress} shorten /> <AddressCopyButton address={checksummedAddress} shorten />
</Box>
) : ( ) : (
<>{loading ? null : icon}</> <>{loading ? null : icon}</>
)} )}

2
ui/components/multichain/address-copy-button/address-copy-button.js
View File

@ -38,7 +38,7 @@ export const AddressCopyButton = ({
paddingRight={4} paddingRight={4}
paddingLeft={4} paddingLeft={4}
size={Size.SM} size={Size.SM}
variant={TextVariant.bodyXs} variant={TextVariant.bodySm}
color={TextColor.primaryDefault} color={TextColor.primaryDefault}
endIconName={copied ? ICON_NAMES.COPY_SUCCESS : ICON_NAMES.COPY} endIconName={copied ? ICON_NAMES.COPY_SUCCESS : ICON_NAMES.COPY}
className={classnames('multichain-address-copy-button', { className={classnames('multichain-address-copy-button', {