diff --git a/src/components/Icon/chunks/illustrations.chunk.ts b/src/components/Icon/chunks/illustrations.chunk.ts index 9ab8157d4634..35cd16d944f0 100644 --- a/src/components/Icon/chunks/illustrations.chunk.ts +++ b/src/components/Icon/chunks/illustrations.chunk.ts @@ -22,6 +22,7 @@ import InvoiceBlue from '@assets/images/simple-illustrations/simple-illustration import MagnifyingGlassMoney from '@assets/images/simple-illustrations/simple-illustration__magnifyingglass-money.svg'; import MoneyReceipts from '@assets/images/simple-illustrations/simple-illustration__money-receipts.svg'; import MoneyWings from '@assets/images/simple-illustrations/simple-illustration__moneywings.svg'; +import Pencil from '@assets/images/simple-illustrations/simple-illustration__pencil.svg'; import PerDiem from '@assets/images/simple-illustrations/simple-illustration__perdiem.svg'; import ReceiptWrangler from '@assets/images/simple-illustrations/simple-illustration__receipt-wrangler.svg'; import ReportReceipt from '@assets/images/simple-illustrations/simple-illustration__report-receipt.svg'; @@ -67,6 +68,7 @@ const Illustrations = { CompanyCard, Workflows, CarIce, + Pencil, // Legacy aliases for compatibility Car: CompanyCard, // Fallback for Car illustration requests }; @@ -124,6 +126,8 @@ function getIllustration(illustrationName: string): unknown { return CompanyCard; case 'CarIce': return CarIce; + case 'Pencil': + return Pencil; default: // Fallback to object lookup for any other cases return (Illustrations as Record)[illustrationName]; diff --git a/src/pages/workspace/upgrade/UpgradeIntro.tsx b/src/pages/workspace/upgrade/UpgradeIntro.tsx index 22d94b684305..b60fb5d76231 100644 --- a/src/pages/workspace/upgrade/UpgradeIntro.tsx +++ b/src/pages/workspace/upgrade/UpgradeIntro.tsx @@ -57,8 +57,8 @@ function UpgradeIntro({feature, onUpgrade, buttonDisabled, loading, isCategorizi const allIconNames = Object.values(CONST.UPGRADE_FEATURE_INTRO_MAPPING) .map((feat) => feat?.icon) .filter((icon) => icon !== undefined); - const illustrations = useMemoizedLazyIllustrations(['FolderOpen', 'Tag', 'Coins', 'Rules', 'CompanyCard', 'PerDiem', 'ReportReceipt', 'CarIce']); - const illustrationIcons = useMemoizedLazyExpensifyIcons(['Pencil', 'Tag', 'IntacctSquare', 'NetSuiteSquare', 'QBDSquare', 'AdvancedApprovalsSquare', 'Luggage', 'Unlock']); + const illustrations = useMemoizedLazyIllustrations(['FolderOpen', 'Tag', 'Coins', 'Rules', 'CompanyCard', 'PerDiem', 'ReportReceipt', 'CarIce', 'Pencil']); + const illustrationIcons = useMemoizedLazyExpensifyIcons(['IntacctSquare', 'NetSuiteSquare', 'QBDSquare', 'AdvancedApprovalsSquare', 'Luggage', 'Unlock']); const imported = new Set([...Object.keys(illustrations), ...Object.keys(illustrationIcons)]); const missing = allIconNames.filter((n): n is string => !!n && !imported.has(n)); if (missing.length) {