Coder Social home page Coder Social logo

liquid-long-client's People

Contributors

micahzoltu avatar

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

liquid-long-client's Issues

Disable exchange costs slider and set tiny default values.

The exchange cost currently defaults to 0-250 and starts in the middle, which is silly. Also, the slider is dragable before it can actually function.

Recommend disabling the cost component until the user fills in the first two components, then enabling it once it is changeable. We should also disable the confirm button until after this point as well.

Set max leverage based on contract WETH balance.

The UI should adjust the maximum leverage to be based on how much WETH is in the contract. By setting it to WETH/2, we can ensure there will be enough to cover their position no matter how big it is. This would solve 3 problems:

  1. When we drain the contract during an upgrade, it will result in letting the user know they can't open a position.
  2. As the contract accumulates WETH from fees, the limit will increase.
  3. If we add WETH to the contract it will correctly decrease the limit.

Turn exchange cost component into a spinner while loading.

When you change the leverage amount or leverage size we have to do an eth_call to update the exchange costs. We should make it clear to the user that they are waiting on something so they don't rush ahead without seeing the exchange cost (we'll auto-change their cost when the call returns, which could result in unexpected costs for the user if they don't notice the change).

Consider: a zoom slider on chart

A Google Maps zoom style slider or buttons on the right side of the chart that adjusts what the top of the chart represents. Defaults to 100%, but you can adjust it to 1000%, or 10,000% if you want to dream about moons. Not a super useful feature for technical users, but a fun one that may incentivize more poorly thought out usage.

Change exchange costs wording.

We can hard-code exchange costs to the min we calculate and change the slider to something like "Slippage Protection". Perhaps this would make it more clear to new users that adjusting the slider up is protecting them from price movements while they wait for their transaction to mine, rather than a cost they will pay.

Put amount first, leverage second in the UI.

We can fill in a reasonable default for leverage and exchange costs, but we cannot have a reasonable default for amount. If we put amount first, the user could create a reasonable leveraged position by filling in a single value, and that should be the first interaction point.

Link to makerscan.io instead of mkr.tools.

PRO: https://makerscan.io/cups/5675/ has similar info as mkr.tools, but it also has CDP management functions.

CON: Such an external link could be seen as an endorsement, and if makerscan.io is malicious or hacked users will blame us. With mkr.tools, people have to find their own place to go to manage their CDP, which means they can't blame us when they end up someplace sketchy.

Long term we'll have our own management interface, but that is a ways off and changing the link is a quick thing.

Switch to anchor routing instead of path routing.

Since we host the site with IPFS, if someone tries to navigate to a deep link (e.g., fail or success page) the request will fail because IPFS can't resolve the path. If we use anchor routing instead, then the request will be for the base page and the routing will occur entirely client side.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.