Frankencoin-ZCHF / frankencoin-dapp

Frankencoin Web App to interact with the Eco System
https://frankencoin.com/
MIT License
0 stars 4 forks source link

samclassix-develop-layout-ui #73

Open samclassix opened 1 week ago

samclassix commented 1 week ago

Updates in the UI / Navbar / Position Pages

Branch: samclassix-develop-layout-ui

State: development/alpha

Live: https://alpha.app.frankencoin.3dotshub.com

Screenshots

Screenshot 2024-06-24 at 8 39 52 AM

Screenshot 2024-06-24 at 8 39 57 AM

Screenshot 2024-06-24 at 8 40 04 AM

luziusmeisser commented 1 week ago

I see that the old landing screen was disabled.

Before disabling it, we should make sure that all information from the old landing page is also available on the new one.

Most importantly, the new www page should contain links to all token contracts on all chains, links to the bridges to those chains, and links to defi llama swap so one can buy and sell all flavors of the ZCHF and FPS.

This is a task for @TaprootFreak

luziusmeisser commented 1 week ago

For the frontend, a click onto the icon should send the user back to the landing page (frankencoin.com). The page that loads in the alpha version when clicking on the top left icon is not necessary and can be dropped.

luziusmeisser commented 1 week ago

We should also drop the auctions tab.

"Your auctions" should be included under "My positions".

"All auctions" should be moved to "Supervision".

luziusmeisser commented 1 week ago

In My positions, the horizontal slider with the collaterals is not needed and should be removed.

image

samclassix commented 1 week ago

Supervision

I see that the old landing screen was disabled.

Before disabling it, we should make sure that all information from the old landing page is also available on the new one.

Most importantly, the new www page should contain links to all token contracts on all chains, links to the bridges to those chains, and links to defi llama swap so one can buy and sell all flavors of the ZCHF and FPS.

This is a task for @TaprootFreak

Nice :)

@TaprootFreak if you need details about the collateral within the frankencoin system and the mint token, check out the new api service. Currently Collateral Live on: https://api.frankencoin.3dotshub.com/prices/collateral Currently Mint Live on: https://api.frankencoin.3dotshub.com/prices/mint

or concatenated and incl. prices: https://api.frankencoin.3dotshub.com/prices/list

=> Swagger: https://api.frankencoin.3dotshub.com

samclassix commented 1 week ago

For the frontend, a click onto the icon should send the user back to the landing page (frankencoin.com). The page that loads in the alpha version when clicking on the top left icon is not necessary and can be dropped.

@luziusmeisser Should the landing page: a) open in the same tab b) open in a new tab

samclassix commented 1 week ago

In My positions, the horizontal slider with the collaterals is not needed and should be removed.

image

Should we display different data in the horizontal slider component? e.g. <Token, Amount of owned positions, Amount of owned challenges, Worst owned collateral state> ?

luziusmeisser commented 1 week ago

Should we display different data in the horizontal slider component? e.g. <Token, Amount of owned positions, Amount of owned challenges, Worst owned collateral state> ?

No, I think we can simply drop it.

luziusmeisser commented 1 week ago

I think we should go back to the old table layout. It was cleaner and more compact. Now it is:

image

Before it was: image

Here is how I would do it:

image

Very simple and reduced to the essential information. "Clone & Mint" should be renamed to "Borrow".

luziusmeisser commented 1 week ago

The [/] should be the outside link indicator. :) When clicking the position, we should go to the position page. When clicking the borrow button, we should directly go to the borrow page.

luziusmeisser commented 1 week ago

Note that in the current alpha, navigation is broken. When starting at "borrow" and selecting a position, there is a link "back to positions" that does not take you back but to the "my positions" page. We should remove that link. image

luziusmeisser commented 1 week ago

Also, let's drop the top slider everywhere. To me, it is too distracting. We can discuss, but it seems like it does not add much value and at the same time draws too much attention.