Skip to content
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.

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

[Focus Mode] Modal Redesign #34069

Merged
merged 27 commits into from
Feb 29, 2024
Merged
Show file tree
Hide file tree
Changes from 11 commits
Commits
Show all changes
27 commits
Select commit Hold shift + click to select a range
2b12285
Define image prop for Confirm Modal
neonbhai Jan 5, 2024
2a2d2ca
Define image prop for ConfirmContent
neonbhai Jan 5, 2024
32c4c97
Pass image to Confirm Content
neonbhai Jan 5, 2024
2aff47b
Add illustration to App directory
neonbhai Jan 5, 2024
d18f380
Export laptop woman svg from Illustrations.ts
neonbhai Jan 5, 2024
e89e5a1
Fix Illustration path
neonbhai Jan 5, 2024
d330fcb
Pass ThreeLeggedWoman Illustration to Confirm Modal
neonbhai Jan 5, 2024
a3f1e5f
Render SVG in Confirm Content
neonbhai Jan 5, 2024
70067fd
Use CONST for SVG dimensions
neonbhai Jan 5, 2024
f9fd03f
Prettier
neonbhai Jan 5, 2024
f090d2c
Remove top padding in Confirm Modal if an image prop is passed
neonbhai Jan 6, 2024
cf57bca
Merge branch 'Expensify:main' into focus-mode-modal-fixes
neonbhai Jan 15, 2024
b6a725d
Merge branch 'main' of https://github.com/Expensify/App into focus-mo…
neonbhai Feb 5, 2024
3bbd97c
Merge branch 'main' of https://github.com/Expensify/App into focus-mo…
neonbhai Feb 7, 2024
301e1b8
Update ConfirmModal image prop
neonbhai Feb 7, 2024
8853ea7
Fix SVG rendering logic
neonbhai Feb 7, 2024
a21ddb3
Update focus mode prompt
neonbhai Feb 8, 2024
897b281
Update spanish prompt
neonbhai Feb 8, 2024
f06b8b5
Update link text
neonbhai Feb 8, 2024
0978132
Merge branch 'Expensify:main' into focus-mode-modal-fixes
neonbhai Feb 12, 2024
b14aea4
Update style for title
neonbhai Feb 13, 2024
1de40f0
Merge branch 'main' of https://github.com/Expensify/App into focus-mo…
neonbhai Feb 20, 2024
a464299
Reduce padding between header and text
neonbhai Feb 20, 2024
e11c2d6
Update Spanish prompt
neonbhai Feb 21, 2024
d7c6fcc
Fix Spanish Copy
neonbhai Feb 21, 2024
14416d0
Merge branch 'Expensify:main' into focus-mode-modal-fixes
neonbhai Feb 23, 2024
8b882bb
Merge branch 'main' of https://github.com/Expensify/App into focus-mo…
neonbhai Feb 29, 2024
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
173 changes: 173 additions & 0 deletions assets/images/product-illustrations/three_legged_laptop_woman.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
6 changes: 6 additions & 0 deletions src/CONST.ts
Original file line number Diff line number Diff line change
Expand Up @@ -3101,6 +3101,12 @@ const CONST = {
EMAIL: 'EMAIL',
REPORT: 'REPORT',
},

/** Dimensions for illustration shown in Confirmation Modal */
CONFIRM_CONTENT_SVG_SIZE: {
HEIGHT: 220,
WIDTH: 130,
},
} as const;

export default CONST;
Loading
Loading