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 Send Data the following should happen.
[ ] The app should launch the search bottom sheet. This show follows the designs shown below.
[ ] Clicking Pair should initiate a pairing request with the selected device.
[ ] After pairing the following screens should show
[ ] Show a screen to tell the user that data receiving preparations are going on. 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 Send Data button should perform as narrated above.
Context
Implementation
Yes, Exit
to the confirmation dialog we proceed to stop the sync. Below is a sample dialog mockup.Acceptance criteria