Git Product home page Git Product logo

v2-ui's Introduction

Badger UI

The Badger UI is a react application focused on providing users access to smart contracts developed and mainted by Badger DAO.

v2-ui's People

Contributors

affaxltd avatar albertocevallos avatar benefacto avatar btcookies avatar carlosfebres avatar cedricwaxwing avatar darruma avatar defnotab0t avatar dependabot[bot] avatar dospore avatar eatonphil avatar eliobricenov avatar gallodasballo avatar imanubhardwaj avatar itsmnthn avatar krisbitney avatar lookfirst avatar luckiester avatar m4azey avatar mitche50 avatar mranilrai avatar mrbasado avatar nickplace avatar notbdu avatar okjintao avatar sajanrajdev avatar shakotn avatar shing-ho avatar tritium-vlk avatar zashton avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

v2-ui's Issues

Change copy on Airdrop Page

Get rid of the long text above the 3 sections (Governance, Stake, Liquidity) and make it a title (What to do with your Badger and Digg)

Change text on each Section.

Stake
Deposit in vaults to earn Badger and Digg.

Liquidity
Provide liquidity and stake LP in vaults.

Governance
Govern all Badger DAO products and treasury.

Screen Shot 2021-01-02 at 7 57 00 PM

uni LP for digg displays half value

Uniswap is displaying 50% of the value of an SLP

  • Uni is reporting the value of DIGG as 0. This causes the eth value of the vault to be off

User sees stake button after successfully staking badger

After successfully staking Badger (and maybe other tokens in the Deposits sections), the user continues to see the stake button next to the withdrawal button.

The UX should detect the completed transaction and refresh the model.

Stake function fails on second transaction.

When you click deposit (I did on the badger asset) the first transaction worked (putting it in bBadger) but the 2nd showed an error with contract interaction and very HIGH gas fee. I rejected it.

Drop in zashton's Digg UI

We have a Digg Tab at the moment, using some recycled UI.

We could drop zashton's UI in by adding an ID to an element and configuring the angular module to fill in that pane

renBTC Sett description changing

When viewing the setts on the "Setts Vaults" page, the renBTC Sett description seems to change while loading the new jumbotron image. In the below video, you can see the icon and description change between :04 and :05

:04: crvRenWSBTC and the renBTC logo on curve
:05: renBTC/wBTC/sBTC and the wBTC logo on curve

Screen.Recording.2021-01-03.at.2.12.07.PM.mov

Fix Borders on BTC/ETH/USD and D/M/Y pills

The borders are not displayed properly for the active selection on the BTC/ETH/USD and D/M/Y pills in the top right hand corner. Right border missing on BTC, ETH, D, and M selections.
Screen Shot 2021-01-02 at 3 04 54 PM

Curve reBTC LP Deposit Contract Error

When trying to deposit the curve renBTC LP token, metamask shows a contract error. This is presumably due to the configuration of the tokens.

Line 585 in contractStore.tsx const underlyingAsset = this.tokens[vault[vault.underlyingKey]]
This object only has one value for the renBTC contract, but there are 2 setts associated with it (renBTC curve normal sett and renBTC super sett). When you try to deposit on the normal sett, it uses the super sett token, which causes the contract error.

Screen Shot 2021-01-09 at 8 12 32 PM

We may need to add a supersett contract value to the object and only set it if there is one, but this needs to be thought through.

Review color selection for wallet connection button

An all white button doesn't seem to fit the UI, and when connected this should be passive as the user shouldn't have any actions to take. Suggestion would be to keep as white (or other "active" - personally I'd prefer not white) color when disconnected, but change to the same color as background when the wallet is connected to prevent clogging the UI.

CURRENT:
Screen Shot 2021-01-02 at 3 20 21 PM

SUGGESTED:
Screen Shot 2021-01-02 at 3 19 32 PM

Ordering of setts should be deterministic

Whenever the page reloads, the order of the setts seems to shift in an unpredictable pattern. The order of the setts should always be the same so the user knows where to go and doesn't get confused thinking one is missing.

Alternative - could we separate setts by protocol? Section for Curve, section for Sushi, section for Uniswap etc.

Address Switching - Available Rewards

When switching from an address with claimable rewards to an address without claimable rewards, the amount reflects available from the previous address.

Example:
Address 1: 10 badger rewards
Address 2: 0 badger rewards

When switching from address 1 to address 2, it shows 10 badger rewards after finishing loading.

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.