Skip to content

Commit f15c96e

Browse files
committed
refactor: lazy load both Mailbox and ShieldYellow in SubscriptionPlanCard
1 parent f50efa2 commit f15c96e

File tree

2 files changed

+4
-3
lines changed

2 files changed

+4
-3
lines changed

src/components/Icon/chunks/illustrations.chunk.ts

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -61,6 +61,7 @@ import PerDiem from '@assets/images/simple-illustrations/simple-illustration__pe
6161
import ReceiptWrangler from '@assets/images/simple-illustrations/simple-illustration__receipt-wrangler.svg';
6262
import ReportReceipt from '@assets/images/simple-illustrations/simple-illustration__report-receipt.svg';
6363
import Rules from '@assets/images/simple-illustrations/simple-illustration__rules.svg';
64+
import ShieldYellow from '@assets/images/simple-illustrations/simple-illustration__shield.svg';
6465
import Tag from '@assets/images/simple-illustrations/simple-illustration__tag.svg';
6566
import CompanyCard from '@assets/images/simple-illustrations/simple-illustration__twocards-horizontal.svg';
6667
import Workflows from '@assets/images/simple-illustrations/simple-illustration__workflows.svg';
@@ -137,6 +138,7 @@ const Illustrations = {
137138
LockClosedOrange,
138139
LockOpen,
139140
Mailbox,
141+
ShieldYellow,
140142
};
141143

142144
/**

src/pages/settings/Subscription/SubscriptionPlan/SubscriptionPlanCard.tsx

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,6 @@ import {View} from 'react-native';
33
import type {ValueOf} from 'type-fest';
44
import Icon from '@components/Icon';
55
import * as Expensicons from '@components/Icon/Expensicons';
6-
import * as Illustrations from '@components/Icon/Illustrations';
76
import SelectCircle from '@components/SelectCircle';
87
import Text from '@components/Text';
98
import useHasTeam2025Pricing from '@hooks/useHasTeam2025Pricing';
@@ -42,15 +41,15 @@ function SubscriptionPlanCard({subscriptionPlan, isFromComparisonModal = false,
4241
const privateSubscription = usePrivateSubscription();
4342
const preferredCurrency = usePreferredCurrency();
4443
const hasTeam2025Pricing = useHasTeam2025Pricing();
45-
const lazyIllustrations = useMemoizedLazyIllustrations(['Mailbox'] as const);
44+
const lazyIllustrations = useMemoizedLazyIllustrations(['Mailbox', 'ShieldYellow'] as const);
4645
const {title, src, description, benefits, note, subtitle} = getSubscriptionPlanInfo(
4746
translate,
4847
subscriptionPlan,
4948
privateSubscription?.type,
5049
preferredCurrency,
5150
isFromComparisonModal,
5251
hasTeam2025Pricing,
53-
{Mailbox: lazyIllustrations.Mailbox, ShieldYellow: Illustrations.ShieldYellow},
52+
lazyIllustrations,
5453
);
5554
const isSelected = isFromComparisonModal && subscriptionPlan === currentSubscriptionPlan;
5655
const benefitsColumns = shouldUseNarrowLayout || isFromComparisonModal ? 1 : 2;

0 commit comments

Comments
 (0)