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

UX: Multichain: Update deprecated variables (#19058)

Browse Source
This commit is contained in:
David Walsh 2023-05-09 03:05:47 -05:00 committed by GitHub
parent b981377304
commit ecea162b10
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 10 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
ui/components/multichain/account-list-item/account-list-item.js
View File

@ -22,7 +22,7 @@ import {
} from '../../component-library'; } from '../../component-library';
import { import {
Color, Color,
TEXT_ALIGN, TextAlign,
AlignItems, AlignItems,
DISPLAY, DISPLAY,
TextVariant, TextVariant,
@ -170,7 +170,7 @@ export const AccountListItem = ({
marginInlineEnd={2} marginInlineEnd={2}
/> />
) : null} ) : null}
<Text textAlign={TEXT_ALIGN.END} as="div"> <Text textAlign={TextAlign.End} as="div">
<UserPreferencedCurrencyDisplay <UserPreferencedCurrencyDisplay
ethNumberOfDecimals={MAXIMUM_CURRENCY_DECIMALS} ethNumberOfDecimals={MAXIMUM_CURRENCY_DECIMALS}
value={identity.balance} value={identity.balance}
@ -190,7 +190,7 @@ export const AccountListItem = ({
<Text <Text
variant={TextVariant.bodySm} variant={TextVariant.bodySm}
color={Color.textAlternative} color={Color.textAlternative}
textAlign={TEXT_ALIGN.END} textAlign={TextAlign.End}
as="div" as="div"
> >
<UserPreferencedCurrencyDisplay <UserPreferencedCurrencyDisplay

4
ui/components/multichain/account-picker/account-picker.js
View File

@ -14,7 +14,7 @@ import {
BackgroundColor, BackgroundColor,
BorderRadius, BorderRadius,
DISPLAY, DISPLAY,
FONT_WEIGHT, FontWeight,
IconColor, IconColor,
Size, Size,
} from '../../../helpers/constants/design-system'; } from '../../../helpers/constants/design-system';
@ -46,7 +46,7 @@ export const AccountPicker = ({ address, name, onClick, disabled }) => {
size={Size.XS} size={Size.XS}
borderColor={BackgroundColor.backgroundDefault} // we currently don't have white color for border hence using backgroundDefault as the border borderColor={BackgroundColor.backgroundDefault} // we currently don't have white color for border hence using backgroundDefault as the border
/> />
<Text as="span" fontWeight={FONT_WEIGHT.BOLD} ellipsis> <Text as="span" fontWeight={FontWeight.Bold} ellipsis>
{name} {name}
</Text> </Text>
<Icon <Icon

10
ui/components/multichain/multichain-token-list-item/multichain-token-list-item.js
View File

@ -7,12 +7,12 @@ import {
BorderColor, BorderColor,
DISPLAY, DISPLAY,
FLEX_DIRECTION, FLEX_DIRECTION,
FONT_WEIGHT, FontWeight,
JustifyContent, JustifyContent,
Size, Size,
TextColor, TextColor,
TextVariant, TextVariant,
TEXT_ALIGN, TextAlign,
} from '../../../helpers/constants/design-system'; } from '../../../helpers/constants/design-system';
import { import {
AvatarNetwork, AvatarNetwork,
@ -121,7 +121,7 @@ export const MultichainTokenListItem = ({
theme={dataTheme === 'light' ? 'dark' : 'light'} theme={dataTheme === 'light' ? 'dark' : 'light'}
> >
<Text <Text
fontWeight={FONT_WEIGHT.MEDIUM} fontWeight={FontWeight.Medium}
variant={TextVariant.bodyMd} variant={TextVariant.bodyMd}
ellipsis ellipsis
> >
@ -130,10 +130,10 @@ export const MultichainTokenListItem = ({
</Tooltip> </Tooltip>
</Box> </Box>
<Text <Text
fontWeight={FONT_WEIGHT.MEDIUM} fontWeight={FontWeight.Medium}
variant={TextVariant.bodyMd} variant={TextVariant.bodyMd}
width={[BLOCK_SIZES.TWO_THIRD]} width={[BLOCK_SIZES.TWO_THIRD]}
textAlign={TEXT_ALIGN.END} textAlign={TextAlign.End}
> >
{secondary} {secondary}
</Text> </Text>