[x] Add bar to switch between Swap/Deposit/Withdraw on top. Changing between them changes the UI in the middle.
[x] Add ''Pool Tokens in my wallet'' box on the right side.
[x] Add ''My pool balance'' on the right side
[x] Move the detailed balance report and total token amount on the left.
Deposit:
[x] Add Price Impact (view current spot price and one we could input the new state to see what spot price would be after)
[x] Add settings wheel where user can insert their preferred deposit slippage. (functionality will be added later)
[x] For both single & proportional design, add a new preview screen before final ‘’deposit’
[x] Change ‘’supply’’ into ‘’Preview’’ and in the preview module have ‘’Deposit’’ as the final function.
Single design:
[x] Make assets fixed into UI and remove drop down on each asset. If a pool has 2 assets, show each asset fixed on the deposit UI. If it’s a 4 asset pool, show 4 assets fixed on the UI. (The current pool has 3 assets.)
[x] Users are able to input the amount of each pool asset they wish to deposit.
[x] remove dropdown on ''all assets'' and instead just show the icon of the pool assets side by side.
[x] Add a slider where the user is able to choose from 0% - 100% of their available proportional deposit amount.
[x] Also allow users to type in the %.
[x] On ''all tokens'' instead of USD value show the LP token amount. Beneath it we can show estimated USD value once starknet.js supports it.
[x] Underneath show the ratio of each asset like the image does.
Example:
Withdraw:
[x] Add settings wheel where user can insert their preferred withdrawal slippage (functionality blocked but button should already be added to UI, Trooper will add function to support this)
[x] Option to withdraw all tokens proportionally, or to select one token to withdraw. Similar to the image.
[x] Instead of showing the dollar amount, show the LP token amount and add support for available balance beneath it for later on
[x] Add a slider where the user is able to choose from 0% - 100% of their available proportional withdrawal amount.
Deposit:
[x] Add Price Impact (view current spot price and one we could input the new state to see what spot price would be after)
[x] Add settings wheel where user can insert their preferred deposit slippage. (functionality will be added later)
[x] For both single & proportional design, add a new preview screen before final ‘’deposit’
[x] Change ‘’supply’’ into ‘’Preview’’ and in the preview module have ‘’Deposit’’ as the final function.
Single design:
Proportional design: Similar design as balancers withdraws. (https://app.balancer.fi/#/pool/0x7b50775383d3d6f0215a8f290f2c9e2eebbeceb20000000000000000000000fe/withdraw)
Example:
Withdraw:
[x] Add settings wheel where user can insert their preferred withdrawal slippage (functionality blocked but button should already be added to UI, Trooper will add function to support this)
[x] Option to withdraw all tokens proportionally, or to select one token to withdraw. Similar to the image.
[x] Instead of showing the dollar amount, show the LP token amount and add support for available balance beneath it for later on
[x] Add a slider where the user is able to choose from 0% - 100% of their available proportional withdrawal amount.
[x] Allow users to type in the %.
[x] Add preview screen before final withdraw