The first screen in the dividends flow contains an information collapsible card, a currency selector, an address and an amount input fields.
After clicking on next, the screen will show us previously selected inputs with additional advanced options to customize our dividends.
Each of these options when clicked on, have their own screens individually.
The options we have are -
To set minimum and maximum balance of the token (ZAPT) to be held, to be eligible for receiving the dividend.
Select dividend format as percentage(based on token balance) or airdrop(fixed amount).
To manage addresses, having exceptions for a particular transaction by including or excluding certain addresses.
After applying those settings and moving forward, all the confirmation details will be shown and the user has to swipe to confirm to initialize the transaction.
When completed, all the rewards would’ve been sent and their invoices would be shown in the final screen with a back home cta.
Instead of an Info Card within the frame, I chose to have the info icon as a button in the header. When pressed the info can be shown in pop-up box.
Now when selecting token for either send dividend in or send dividend to, a bottom sheet appears to select the coin/token. After selecting, it automatically opens another bottom sheet to select the network cause some token doesn’t have the need to select different network which can easily be avoided with this flow.
The user can add a custom token by clicking on plus icon in the bottom sheet.
In the first step the user will be asked to select the network and paste the address. The moment the address is pasted, it will automatically fetch the token details from the API and shown in a card with an edit icon. When clicked on edit, it will take the user back.
If the token shown is right, the user will click on import icon. A loading and a success screen will come afterwards. Now the imported token can be seen in the list with a Custom tag.
In the advance option there’s an option manage addresses. When tapped will take the user to the list of all the eligible holders of the token (send dividends to).
The user can simply opt out particular addresses by excluding them from receivers for this transaction. They can include them back in.
After clicking continue in the dividend screen, a confirmation screen will appear with all the input details and the user can confirm with a slide button.
After transacting, a successful screen will be shown with the transaction details.
