diff --git a/src/pages/settings/Subscription/CardSection/BillingBanner/BillingBanner.tsx b/src/pages/settings/Subscription/CardSection/BillingBanner/BillingBanner.tsx index fa0525562a91f..46ff788693c19 100644 --- a/src/pages/settings/Subscription/CardSection/BillingBanner/BillingBanner.tsx +++ b/src/pages/settings/Subscription/CardSection/BillingBanner/BillingBanner.tsx @@ -3,9 +3,9 @@ import type {StyleProp, TextStyle, ViewStyle} from 'react-native'; import {View} from 'react-native'; import type {ValueOf} from 'type-fest'; import Icon from '@components/Icon'; -import * as Expensicons from '@components/Icon/Expensicons'; import {PressableWithoutFeedback} from '@components/Pressable'; import Text from '@components/Text'; +import {useMemoizedLazyExpensifyIcons} from '@hooks/useLazyAsset'; import useResponsiveLayout from '@hooks/useResponsiveLayout'; import useTheme from '@hooks/useTheme'; import useThemeStyles from '@hooks/useThemeStyles'; @@ -64,6 +64,7 @@ function BillingBanner({ const styles = useThemeStyles(); const theme = useTheme(); const {shouldUseNarrowLayout} = useResponsiveLayout(); + const expensifyIcons = useMemoizedLazyExpensifyIcons(['DotIndicator'] as const); const rightIconComponent = useMemo(() => { if (rightIcon) { @@ -90,7 +91,7 @@ function BillingBanner({ return ( !!brickRoadIndicator && ( ) @@ -107,7 +108,7 @@ function BillingBanner({ {typeof title === 'string' ? {title} : title} - {typeof subtitle === 'string' ? {subtitle} : subtitle} + {!!subtitle && (typeof subtitle === 'string' ? {subtitle} : subtitle)} {shouldUseNarrowLayout ? ( <>