We have revised the P2P UI and customer flow. We would now like to implement the new changes to the current library.
Here is the full workflow definition. This issue is concerned with the sender pieces of the workflow.
Implementation
[ ] Update the P2P landing screen to match the screen on the mockup
[ ] Add the App TopBar to match the UI in the screenshot below
[ ] Add the Send Data and Receive Data buttons.
[ ] On clicking the Receive Data the following should happen.
[ ] The app should launch the search bottom sheet. This show follows the designs shown below.
[ ] After pairing the following screens should show
[ ] Show a screen to tell the user that data transfer preparation is ongoing. This is shown in image 1 of the mockups below.
[ ] Show a screen displaying the sync progress. This is shown in image 2 of the mockups below.
[ ] This screen should also have a cancel button. When clicked the following should happen.
[ ] A confirmation dialog should load for the user to confirm whether they want to stop the sync. If the user clicks Yes, Exit to the confirmation dialog we proceed to stop the sync. Below is a sample dialog mockup.
[ ] Show success when the sync is complete. This is shown on screen 3 of the mockups below.
[ ] In case the connection breaks for any given reason the screen below should be shown to the user.
Acceptance criteria
[ ] The new UI/UX should match the mockups provided.
[ ] The Receive Data button should perform as narrated above.
Context
Implementation
Yes, Exitto the confirmation dialog we proceed to stop the sync. Below is a sample dialog mockup.Acceptance criteria