Update lease positions UI #4
Description
С цел по-добър UX, трябва да нанесем промени в начина, по-който се визуализират лийз позиции.
Дизайн елементи и стейтове: https://www.figma.com/file/dUbyvg5tejjYPVf69Haixv/Protocol?type=design&node-id=5764-8717&mode=dev
Opening
-
Докато лийз позиция се отваря, единственият активен таб във вертикалната навигация е “Chart”, който показва историческата цена на асета. В случай че потребител хувърне върху line chart-а цената на асета се променя в горният десен ъгъл, където по дефиниция се показва последната стойност. Debt и Interest Due са със скелетон, а бутони Repay и Close са неактивни.
-
До вертикалната навигация (табове) трябва да визуализираме PnL (неактивен и показва стойност 0); Стеjтовете, през които трябва да премине позицията, докато се отвори (Opening Channel, Transferring Assets, Swapping Assets); Opened показва “Opening…”
Opened
-
Дефолтен таб във вертикалната навигация е “Chart”, “Position” също става активен, а “Strategies” засега е скрит
-
Health фактор:
Червено - (overdue_interest+overdue_margin+principal_due)/(amount*market_price) > 80%
Жълто - (overdue_interest+overdue_margin+principal_due)/(amount*market_price) > 65% <= 80%
Зелено - (overdue_interest+overdue_margin+principal_due)/(amount*market_price) <= 65%
Останалите стентове са без промени от настоящата функционалност