peronczyk
commented
3 months ago My initial idea was to have a one list of owned account addresses and the address book addresses:
But this might be problematic with large lists of accounts. So maybe having tabs on this modal would be good idea? So user would be able to switch between "owned accounts" / "address book" / "recent recipients".
I'm not sure about the recent recipients. Maybe we should encourage users to use address book and make it easy to add the addresses they use into address book? For example if you send funds to a new address the app would suggest to add it to address book?
smaroudasunicorn
STORY:
ACCEPTANCE CRITERIA:
4 tabs design: Star (Bookmarked), Own, Address book, Recent. Bookmarked tab is visible only if there are bookmarked addresses;
Add Own accounts tab ("Own") to the Select Recipient modal. It displays list of users own accounts (derived from seed phrase, imported with Private Key or from AirGap vault) in the Superhero Wallet. PK imported or AirGap accounts have the respective icon added to the own accounts list item. The icon should be also added to similar account list items for all Account select modals. The addresses included should be only for the currently active blockchain;
Add Recent accounts tab ("Recent" + icon) listing all accounts or contacts from the Address book that the user has sent funds to. In other words a scrollable list of recipients ordered by date (most recent on top). The addresses included should be only for the currently active blockchain;
Search function returns results from Own account addresses, address book records and recent recipients tabs. Searching in both account names and addresses. Search results are ordered as follows: bookmarked, other address book records, own accounts. Search should be always visible. Previous logic of hiding the Search option should be removed as now we have more tabs listing different types of possible recipients (own, address book, recent). As soon as first character is typed in the Search field and search results are displayed the filtering tabs are hidden not to confuse the user (see the design).
If there are no Recent or Address book records proper message is displayed to the user (see design for exact wording);
In case the user has no address records in the Address book a button suggesting to add some is displayed (as option to easily navigate to the Address book - some users may find the feature following this path from Send funds screen) See design below for "Add new address record" button.
Places to implement
Select recipient/signer modal is triggered by the book icon above recipient/signer inputs:
The Title of the modal in this case should be changed from "Select recipient's address" to "Select signer's address" (as the user is choosing an authorized signer for the multisig vault being created) and the word "recipient" should be updated to "signer" in all its occurrences.
..........................................................................
DESIGN:
Bookmarked
Own
Address Book
Search results are displayed and filtering tabs are hidden.
Recent
In case there are no bookmarked addresses in the Address book
In case there are no address records for the currently active blockchain in the Address book:
In case there are no transactions sent by the user to other recipients (for the active blockchain)
..........................................................................
In case the modal is triggered from the Create new multisig vault modal (replace "recipient" with "signer"):
FIGMA REFERENCE:
https://www.figma.com/design/3oGLWzSH0oJljo4RETZtur/Superhero-Wallet-UI-(%E2%9C%94%EF%B8%8FUpdated)?node-id=32250-196675&node-type=frame&t=0qFKMBlk9a6bxjM3-0
https://www.figma.com/design/3oGLWzSH0oJljo4RETZtur/Superhero-Wallet-UI-(%E2%9C%94%EF%B8%8FUpdated)?node-id=32267-206447&node-type=frame&t=0qFKMBlk9a6bxjM3-0