Design

Task 1: Dashboard

Дашборд показывает информацию о том, сколько криптомонеток у нас есть. Для того, что бы его было видно, нужно добавить кошелек. Можешь скачать metamask в свой любимый браузер (https://metamask.io/), после чего оно попросит тебя либо создать кошелек либо импортировать, тебе надо импортировать и ввести сид фразу:

nice paddle vapor idea custom river neutral whisper narrow fruit cherry shallow

Пароль любой какой тебе удобно, после чего добавляешь кошелек и выбираешь account 6:

а так же выбираешь тестовую сеть ropsten:

Дальше заходишь на dev.orionprotocol.io (если не работает, то на staging.orionprotocol.io), добавляешь кошелек, даешь доступ к аккаунту 6 и можешь перейти в дашборд. Можешь потыкать посмотреть как оно выглядит сейчас.

Изначально планировалось что можно будет добавить несколько кошельков:

но тема оказалась ненужной, и в итоге на дашборде очень много ненужной информации. Например, вот эти wallets изначально подразумевались как список подключеных кошельков, но сейчас оно просто дублирует другую информацию на страничке (т.е количество различных монеток на 1 кошельке).

Конкретно оно дублирует Total Balance, где показываются аналогичные числа (и совершенно непонятный бублик, к нему позже)

В дашборде также показывается сума на КОШЕЛЬКЕ и на КОНТРАКТЕ. Разница в том, что перед тем как торговать, нужно внести бабло на счет биржы (т.е контракт). Wallet это чисто то, что у тебя на кошельке. Ясное дело что в total balance показывается сума wallet и contract.

С помощью этих кнопок можно либо закинуть на баланс биржы (deposit), либо вывести с контракта, либо торговать

Собственно что сейчас не нравится:

1. Много дублирующей информации которая значит одно и тоже
2. Самая полезная по данным табличка занимает меньше всего места

3. Такие вещи как адрес токена не в табличке а в wallets, т.е надо с таблички перемещаться на wallets и искать там этот токен и его адрес

4. Бублик пиздец непонятный, не ясно что за зеленый, что за желтый и тд. Наверное стоит брать цвет иконки валюты и при наведении на часть бублика какой-то попап который показывает, может подсвечивать эту валюту в табличке и фокусировать её, хз.

5. На телефоне довольно трешово выглядит, но думаю это пофиксится с редизайном

6. Кнопка дисконект валяется в совершенно непонятном месте (если много валют её можно и не найти), но светить сильно ей тоже не надо)

Собственно что нужно сделать:

1. Сделать по красоте и солидно, учитывая текущую дизайн систему https://www.figma.com/file/XjvPdu0XciibCII3GH9Q2j/_orion?node-id=180%3A979 (посмотри разные пейжи)
2. Пофиксить все из пункта "Не нравится", т.е как-то унифицировать информацию в одну табличку где все лежит вместе
3. ОБЯЗАТЕЛЬНО добавить информацию о текущем адресе кошелька и его иконку, сейчас она тут:

(вместо token address написано wallet address, это и есть адрес твоего кошелька метамаск. совсем неочевидно)

4. ОБЯЗАТЕЛЬНО показывать адреса токенов

их можно сокращать, так же как и адрес кошелека как тут:

Важно: у ETH нет адреса токена, это тоже нужно продумать.