diff --git a/__mocks__/Illustrations.ts b/__mocks__/Illustrations.ts index 300f7529830a8..8f7aeedb00904 100644 --- a/__mocks__/Illustrations.ts +++ b/__mocks__/Illustrations.ts @@ -56,6 +56,7 @@ const TeachersUnite = 'TeachersUnite'; const Abacus = 'Abacus'; const Binoculars = 'Binoculars'; const CompanyCard = 'CompanyCard'; +const ReceiptStack = 'ReceiptStack'; const ReceiptUpload = 'ReceiptUpload'; const ExpensifyCardIllustration = 'ExpensifyCardIllustration'; const ExpensifyCardImage = 'ExpensifyCardImage'; @@ -174,6 +175,7 @@ export { Abacus, Binoculars, CompanyCard, + ReceiptStack, ReceiptUpload, ExpensifyCardIllustration, ExpensifyCardImage, diff --git a/src/components/Icon/chunks/illustrations.chunk.ts b/src/components/Icon/chunks/illustrations.chunk.ts index f86a9b9bd84a9..e3766af2baf6a 100644 --- a/src/components/Icon/chunks/illustrations.chunk.ts +++ b/src/components/Icon/chunks/illustrations.chunk.ts @@ -79,7 +79,7 @@ import ToddBehindCloud from '@assets/images/product-illustrations/todd-behind-cl import ToddInCar from '@assets/images/product-illustrations/todd-in-car.svg'; import ToddWithPhones from '@assets/images/product-illustrations/todd-with-phones.svg'; import WorkspaceScene from '@assets/images/product-illustrations/workspace-scene.svg'; -import ReceiptUpload from '@assets/images/receipt-upload.svg'; +import ReceiptStack from '@assets/images/receipt-upload.svg'; import RunningTurtle from '@assets/images/running-turtle.svg'; import Shutter from '@assets/images/shutter.svg'; // Simple Illustrations - Bucket 3 (Common) @@ -145,6 +145,7 @@ import RealtimeReport from '@assets/images/simple-illustrations/simple-illustrat import ReceiptLocationMarker from '@assets/images/simple-illustrations/simple-illustration__receipt-location-marker.svg'; import ReceiptWrangler from '@assets/images/simple-illustrations/simple-illustration__receipt-wrangler.svg'; import ReceiptPartners from '@assets/images/simple-illustrations/simple-illustration__receipt.svg'; +import ReceiptUpload from '@assets/images/simple-illustrations/simple-illustration__receiptupload.svg'; import ReportReceipt from '@assets/images/simple-illustrations/simple-illustration__report-receipt.svg'; import Rules from '@assets/images/simple-illustrations/simple-illustration__rules.svg'; import SendMoney from '@assets/images/simple-illustrations/simple-illustration__sendmoney.svg'; @@ -251,7 +252,7 @@ const Illustrations = { // Other Images Hand, PendingTravel, - ReceiptUpload, + ReceiptStack, RunningTurtle, Shutter, ExpensifyApprovedLogo, @@ -274,6 +275,7 @@ const Illustrations = { RealtimeReport, ReceiptPartners, ReceiptWrangler, + ReceiptUpload, TravelAlerts, ReportReceipt, Rules, diff --git a/src/pages/iou/ReceiptDropUI.tsx b/src/pages/iou/ReceiptDropUI.tsx index 7e8d22d9dbbd6..b5480ba9bc29a 100644 --- a/src/pages/iou/ReceiptDropUI.tsx +++ b/src/pages/iou/ReceiptDropUI.tsx @@ -19,13 +19,13 @@ type ReceiptDropUIProps = { function ReceiptDropUI({onDrop, receiptImageTopPosition}: ReceiptDropUIProps) { const styles = useThemeStyles(); const {translate} = useLocalize(); - const lazyIllustrations = useMemoizedLazyIllustrations(['ReceiptUpload']); + const lazyIllustrations = useMemoizedLazyIllustrations(['ReceiptStack']); return ( {PDFValidationComponent}