-
-
Notifications
You must be signed in to change notification settings - Fork 1.1k
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
[MC 0.5][FEATURE] - Wallet actions on Tab bar #5992
Conversation
CLA Signature Action: All authors have signed the CLA. You may need to manually re-run the blocking PR check if it doesn't pass in a few minutes. |
Have you checked if the new and legacy toasts are still aligned properly relative to the tab bar? What about the onboarding wizard, is that also aligned correctly? |
Onboarding wizard, it's okay: https://recordit.co/IPlRPzzVJL There is a little bit more of margin-bottom on the new toasts, do you know if this was intended @Cal-L ? |
For the new toast, it's normal since it respects both the bottom notch and the curvature of the bottom edges. We should probably push the legacy toast up a bit. If it's too complicated, I'd leave it alone since we'll refactor that anyways. As for the onboarding wizard, can we push down the step that points at the browser? For the wallet actions sheet, the padding on the top between the notch and the first option looks like it could use some padding. |
Thanks @Cal-L for the review and eagle eyes! Onboarding wizard browser step fixed: Onboarding wizard edit account name step fixed: Padding on send while it just has two options: The legacy toast padding seems to not be that easy, let's save it for future refactoring to the new Toast 🙏 |
…Mask/metamask-mobile into feature/650-tab-bar-actions
…to feature/650-tab-bar-actions
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Left some comments
app/component-library/components/Sheet/SheetBottom/SheetBottom.tsx
Outdated
Show resolved
Hide resolved
app/component-library/components/Sheet/SheetBottom/SheetBottom.tsx
Outdated
Show resolved
Hide resolved
app/component-library/components/Sheet/SheetBottom/SheetBottom.types.ts
Outdated
Show resolved
Hide resolved
…Mask/metamask-mobile into feature/650-tab-bar-actions
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
LGTM
* solve * solve * Fix test scripts * Update send erc token detox test * Add pause to send eth flow test script * Increment pause to send eth flow test script * Remove pause * Snapshot updated * Network feature test data updated
Description
This PR aims to implement a new tab bar option with the wallet actions
Screenshots/Recordings
Tapping on Buy from the wallet actions sheet should open the Buy flow: https://recordit.co/s05MkvgC0K
Tapping on Swap from the wallet actions sheet should open the Swap flow: https://recordit.co/WoFElcZT0x
Tapping on Receive from the wallet actions sheet should open the Receive flow: https://recordit.co/g824ov8Cm6
Tapping on Send from the wallet actions sheet should open the Send flow: https://recordit.co/qhunztmLCs
Update small behaviour -> closing action sheet after press any cta above: https://recordit.co/lBEkB0ZuBD
Analytics working -> https://recordit.co/57rkZF2pTi
Issue
Progresses #
Checklist