Add new mobile navigation elements
Overview
As part of this rework we will need to change the way the mobile nav bar works.
We will introduce a centered item, with the trade icon. That will pop open an action menu where users can:
- Send
- Receive
- Trade
- Scan QR Code
- Buy
In addition to that, we will also need to show or hide this nav on sub pages. And also add a navigation header on top of these sub pages.
Also might be worth looking into the possibility of allowing users to swipe on mobile to go back.
https://www.npmjs.com/package/react-swipeable-routes
References and additional details
MobileNavBar, and the Layout
Acceptance Criteria
User can tap the blue center button, and access any of the main features of the app easily.
When on sub pages, they take up the entire screen and the mobile nav bar is hidden. They can also navigate back using the back arrow to the other pages.
Need By Date
No response
Screenshots/Mockups
No response
Estimated effort
No response