bans,beammw

product BANS review

Please, leave feedback in the comments

https://www.figma.com/file/gqD4UzxM1AUxrYAtJ7ullC/BANS?node-id=0%3A1

BANS - Public key

pop-up with public key

https://www.figma.com/file/gqD4UzxM1AUxrYAtJ7ullC/BANS?node-id=7%3A856

Updated on FAVORITES tab

Remove icon "heart"
Add "remove from favourite" to options
Replace icon "copy" closer to domain name
Add button "send funds"
Replace "available" under domain name

https://www.figma.com/file/gqD4UzxM1AUxrYAtJ7ullC/BANS?node-id=911%3A1296

Also place icon "copy" closer to domain name on ALL tab

The scroll bar is displayed in windowed mode

Texts, fonts and others to fix

the main page
need to be

how it is

https://www.figma.com/file/gqD4UzxM1AUxrYAtJ7ullC/BANS?node-id=2%3A495

BANS - transfer change text

please change the text to "Paste the Publisher key of the recipient of this domain."

https://www.figma.com/file/gqD4UzxM1AUxrYAtJ7ullC/BANS?node-id=569%3A1134

BANS - main menu changes

short menu on the main page and long one on the My domains page
https://www.figma.com/file/gqD4UzxM1AUxrYAtJ7ullC/BANS?node-id=849%3A911

The favorites tab - the domain expiration date has not changed

2022-07-07_16-09-53.mp4

BANS - my page, all domains

The list of the domains which the user owns.
the domain card:

domain name
expires date (grey period changed to red text if the term expires in less than 30 days)
copy the domain name icon
three dots menu ( renew subscription ( task #23 ), sell the domain (task #26 ))
https://www.figma.com/file/gqD4UzxM1AUxrYAtJ7ullC/BANS?node-id=104%3A718

renew button opened standart transaction popup

https://www.figma.com/file/gqD4UzxM1AUxrYAtJ7ullC/BANS?node-id=40%3A586

send funds changes

TExt under Title: "Send assets you need to choose recipient Bans' from favorites or input Bans domain."

we need to add option: choose domain when it in favorites or input domain if it wasn't

https://www.figma.com/file/gqD4UzxM1AUxrYAtJ7ullC/BANS?node-id=660%3A1148

Registration form

IF Bans name available, the click on it open Registration form below.
the price count automaticaly. Must to be - usd equivalent.
Buttons 'complete registration' goes to standart beam' payment window.

send funds to the somebody BANS

we need to add "send funds button" - under the search line. I think it should be green.
and icon to the main menu. the icon goes to the all screens.

The button flow -> bans domain input line with checking that domain is belong to someone
amount
buttons cancel/ send

https://www.figma.com/file/gqD4UzxM1AUxrYAtJ7ullC/BANS?node-id=2%3A495

Bans - The block for the dapp store and icon for the side menu

https://www.figma.com/file/gqD4UzxM1AUxrYAtJ7ullC/BANS?node-id=2%3A332

https://www.figma.com/file/gqD4UzxM1AUxrYAtJ7ullC/BANS?node-id=2%3A657

BANS - my page empty

Pic if the My page (domains #21 or favorite #22 ) is empty
no "See all BANS’ transactions" available

https://www.figma.com/file/gqD4UzxM1AUxrYAtJ7ullC/BANS?node-id=40%3A1070

BAN'S transactions - fix the icon

Domain name input

If I enter the domain name with the Capital letter and want to buy this domain, everything after the capital letter has been cut.
we need automatically transform capital letters in the string letters

BANS - search line

Domain should contain only letters and numbers

The main page.
https://www.figma.com/file/gqD4UzxM1AUxrYAtJ7ullC/BANS?node-id=2%3A495

The search result is available
https://www.figma.com/file/gqD4UzxM1AUxrYAtJ7ullC/BANS?node-id=31%3A471

The search result is not available

https://www.figma.com/file/gqD4UzxM1AUxrYAtJ7ullC/BANS?node-id=7%3A261

The search input isn't correct

https://www.figma.com/file/gqD4UzxM1AUxrYAtJ7ullC/BANS?node-id=7%3A404

Create a Loader for the bans

https://www.figma.com/file/gqD4UzxM1AUxrYAtJ7ullC/BANS?node-id=2%3A653

Main page design

Need to create new Dapp design. We are using Beam design system.

The main page:

BANS (dapp name)
user menu:
Search line
Block of text

user menu:

About
FAQ
personal User's page.
I like the Gallery Icon. if user didn't buy bans - personal key is displaying. If user bought bans - the bans name is displaying. Bans name is the name in format usersname.beam

- tooltip for each icon.

BANS - My page

If the user doesn't have any favorites or owned domains, he will see the empty page with notification.
If user has any of them or both - separate task #21 #22

https://www.figma.com/file/gqD4UzxM1AUxrYAtJ7ullC/BANS?node-id=40%3A1070

Bans - to add options to the menu

add new options:
1.gift domain (like at the nft marketplace) + flow
2. Put up domain for sale/ remove from sale +flow
3. if domain on sale - change the price (pup up like for put on sale)

flow for "Put up domain for sale": pop up to set up a price. chose domain, set a price in beam. cancel/approve buttons
flow for "remove from sale" - pop up - Are you sure you want to take it off the sale? cancel/approve buttons

https://www.figma.com/file/gqD4UzxM1AUxrYAtJ7ullC/BANS?node-id=104%3A718

The search result (3 different pages)

3 different pages with the search result

bans name is free (green)
wrong bans name (red)
bans name is unavailable (have been bought by the other user) (grey)

please, use the beam's colours

Change the text in the confirmation window when registering a domain

Need to change to BANS register domain
">

BANS Notifications

standard set of notifications for transactions

BANS - FAQ

Text will be later.
every question will have the title and the text body

https://www.figma.com/file/gqD4UzxM1AUxrYAtJ7ullC/BANS?node-id=9%3A198

BANS transaction confirmation

Create a set of standard transaction confirmation

BANS user's personal page

Bans Transaction Info page

BANS - my page, favorite

The list of the domains marked by user as favorite. User can mark available and not available domains

domain card:

domain name
"heart" icon. user can unmarked favorite after click
status available/ not available
3dots menu not needed

See all BANS’ transactions ( task #26 )

https://www.figma.com/file/gqD4UzxM1AUxrYAtJ7ullC/BANS?node-id=31%3A657

click on the available domain card opened

https://www.figma.com/file/gqD4UzxM1AUxrYAtJ7ullC/BANS?node-id=36%3A683

BANS - buying available domain

when user click on available domain, the Register form is opened

Registration Period - no limits. if the limit is needed - set 50 years.

prices:
5+ character.BEAM names: $10 in BEAM per year.
4 character.BEAM names: $120 in BEAM per year.
3 character.BEAM names $320 in BEAM per year.

https://www.figma.com/file/gqD4UzxM1AUxrYAtJ7ullC/BANS?node-id=10%3A362

https://www.figma.com/file/gqD4UzxM1AUxrYAtJ7ullC/BANS?node-id=40%3A586

After Transaction confirmation opens user's My page
https://www.figma.com/file/gqD4UzxM1AUxrYAtJ7ullC/BANS?node-id=40%3A798

Make the application workspace full screen

At the moment, the application workspace is located in a rectangle with a different color. Please implement the application workspace according to the design.

BANS - create notification "domain on sale"

when the user has any unavailable domain in favorites and this domaine become "on sale" show notification on the main page.

non pop up notification. info block with possibility to close it.

text: the one of your favorite domains is on sale now.
more details: personal page -> favorite

BANS - BANS transactions page

BANS transactions page is open after click at See all BANS’ transactions

The empty page with no receive transactions
https://www.figma.com/file/gqD4UzxM1AUxrYAtJ7ullC/BANS?node-id=51%3A1250

Current balance - summarise balance for all domains. withdraw all - withdraw all funds from all domains
The list of user domains (domain name, expiration date, balance, withdraw button), if the expiration date is less than 30 days - renew domain buttons appear #23 .
Bans transactions history

https://www.figma.com/file/gqD4UzxM1AUxrYAtJ7ullC/BANS?node-id=32%3A76

Withdraw button, standart popup
https://www.figma.com/file/gqD4UzxM1AUxrYAtJ7ullC/BANS?node-id=36%3A1618

Withdraw ALL button
https://www.figma.com/file/gqD4UzxM1AUxrYAtJ7ullC/BANS?node-id=36%3A2586

Notification for withdraw all
https://www.figma.com/file/gqD4UzxM1AUxrYAtJ7ullC/BANS?node-id=36%3A2040

Favorite domains display incorrectly if there is more than one wallet on one PC

If there is more than one wallet on one PC and in each of them to add different domains to favorites, then all domains added from different wallets will be displayed in favorites in each wallet.

At the same time, if two different wallets are running at the same time, the favorites page is displayed for the wallet that was launched first, the page is empty on the second wallet.

(perhaps the favorite domains are placed in indexeDB indifference to which wallet they belong)