Skip to content

Use simple illustration for Employer onboarding option #82221

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
blimpich merged 5 commits into from
Feb 12, 2026
+10 −6
Merged

Use simple illustration for Employer onboarding option #82221

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
b7f7327
Fix: Use simple illustration for 'Get paid back by my employer' onboa…
MelvinBot Feb 12, 2026
c289bde
Rename SimpleReceiptUpload to ReceiptsUpload per review feedback
MelvinBot Feb 12, 2026
8a3caa4
Rename ReceiptsUpload to SimpleReceiptUpload to avoid confusion with …
MelvinBot Feb 12, 2026
b4daed6
Rename ReceiptUpload to ReceiptStack and SimpleReceiptUpload to Recei…
MelvinBot Feb 12, 2026
944c468
Rename ReceiptUpload to ReceiptStack and SimpleReceiptUpload to Recei…
MelvinBot Feb 12, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 2 additions & 0 deletions __mocks__/Illustrations.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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';
Expand Down Expand Up @@ -174,6 +175,7 @@ export {
Abacus,
Binoculars,
CompanyCard,
ReceiptStack,
ReceiptUpload,
ExpensifyCardIllustration,
ExpensifyCardImage,
Expand Down
6 changes: 4 additions & 2 deletions src/components/Icon/chunks/illustrations.chunk.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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)
Expand Down Expand Up @@ -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';
Expand Down Expand Up @@ -251,7 +252,7 @@ const Illustrations = {
// Other Images
Hand,
PendingTravel,
ReceiptUpload,
ReceiptStack,
RunningTurtle,
Shutter,
ExpensifyApprovedLogo,
Expand All @@ -274,6 +275,7 @@ const Illustrations = {
RealtimeReport,
ReceiptPartners,
ReceiptWrangler,
ReceiptUpload,
TravelAlerts,
ReportReceipt,
Rules,
Expand Down
4 changes: 2 additions & 2 deletions src/pages/iou/ReceiptDropUI.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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 (
<DragAndDropConsumer onDrop={onDrop}>
<View style={[styles.fileDropOverlay, styles.w100, styles.h100, styles.justifyContentCenter, styles.alignItemsCenter]}>
<View style={receiptImageTopPosition ? [styles.pAbsolute, styles.fileUploadImageWrapper(receiptImageTopPosition)] : undefined}>
<ImageSVG
src={lazyIllustrations.ReceiptUpload}
src={lazyIllustrations.ReceiptStack}
contentFit="contain"
width={CONST.RECEIPT.ICON_SIZE}
height={CONST.RECEIPT.ICON_SIZE}
Expand Down
4 changes: 2 additions & 2 deletions src/pages/iou/request/step/IOURequestStepScan/index.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -108,7 +108,7 @@ function IOURequestStepScan({
const [dismissedProductTraining] = useOnyx(ONYXKEYS.NVP_DISMISSED_PRODUCT_TRAINING, {canBeMissing: true});
const [quickAction] = useOnyx(ONYXKEYS.NVP_QUICK_ACTION_GLOBAL_CREATE, {canBeMissing: true});
const [reportAttributesDerived] = useOnyx(ONYXKEYS.DERIVED.REPORT_ATTRIBUTES, {canBeMissing: true, selector: reportsSelector});
const lazyIllustrations = useMemoizedLazyIllustrations(['MultiScan', 'Hand', 'ReceiptUpload', 'Shutter']);
const lazyIllustrations = useMemoizedLazyIllustrations(['MultiScan', 'Hand', 'ReceiptStack', 'Shutter']);
const lazyIcons = useMemoizedLazyExpensifyIcons(['Bolt', 'Gallery', 'ReceiptMultiple', 'boltSlash', 'ReplaceReceipt', 'SmartScan']);
const isEditing = action === CONST.IOU.ACTION.EDIT;
const canUseMultiScan = isStartingScan && iouType !== CONST.IOU.TYPE.SPLIT;
Expand Down Expand Up @@ -839,7 +839,7 @@ function IOURequestStepScan({
>
{PDFValidationComponent}
<Icon
src={lazyIllustrations.ReceiptUpload}
src={lazyIllustrations.ReceiptStack}
width={CONST.RECEIPT.ICON_SIZE}
height={CONST.RECEIPT.ICON_SIZE}
/>
Expand Down
Loading