diff --git a/app/component-library/components/Texts/Text/Text.types.ts b/app/component-library/components/Texts/Text/Text.types.ts index f4643580caf8..e92f4f8969b5 100644 --- a/app/component-library/components/Texts/Text/Text.types.ts +++ b/app/component-library/components/Texts/Text/Text.types.ts @@ -6,6 +6,7 @@ import { TextProps as RNTextProps } from 'react-native'; * Text component variants. */ export enum TextVariant { + DisplayLG = 'sDisplayLG', DisplayMD = 'sDisplayMD', HeadingLG = 'sHeadingLG', HeadingMD = 'sHeadingMD', diff --git a/app/components/UI/Tokens/TokenList/PortfolioBalance/index.tsx b/app/components/UI/Tokens/TokenList/PortfolioBalance/index.tsx index d96a388de4da..d835a16cf8eb 100644 --- a/app/components/UI/Tokens/TokenList/PortfolioBalance/index.tsx +++ b/app/components/UI/Tokens/TokenList/PortfolioBalance/index.tsx @@ -24,6 +24,7 @@ import SensitiveText, { import Icon, { IconSize, IconName, + IconColor, } from '../../../../../component-library/components/Icons/Icon'; import { BrowserTab } from '../../types'; import { WalletViewSelectorsIDs } from '../../../../../../e2e/selectors/wallet/WalletView.selectors'; @@ -49,7 +50,7 @@ export const PortfolioBalance = React.memo(() => { const { selectedAccountMultichainBalance } = useSelectedAccountMultichainBalances(); - const isEvmSelected = useSelector(selectIsEvmNetworkSelected); + const isEvmSelected = useSelector(selectIsEvmNetworkSelected); const onOpenPortfolio = useCallback(() => { const existingPortfolioTab = browserTabs.find(({ url }: BrowserTab) => @@ -144,7 +145,7 @@ export const PortfolioBalance = React.memo(() => { isHidden={privacyMode} length={SensitiveTextLength.Long} testID={WalletViewSelectorsIDs.TOTAL_BALANCE_TEXT} - variant={TextVariant.DisplayMD} + variant={TextVariant.DisplayLG} > {selectedAccountMultichainBalance.displayBalance} @@ -156,7 +157,7 @@ export const PortfolioBalance = React.memo(() => { style={styles.privacyIcon} name={privacyMode ? IconName.EyeSlash : IconName.Eye} size={IconSize.Md} - color={colors.text.muted} + color={IconColor.Default} testID={ privacyMode ? EYE_SLASH_ICON_TEST_ID : EYE_ICON_TEST_ID }