Git Product home page Git Product logo

dashboard's Introduction

Plasmachain Staking and Validator Dashboard

Set the following environment variables before running anything:

  • WALLETCONNECT_PROJECT_ID - should be set to the project ID generated by WalletConnect Developer Cloud.
  • INFURA_PROJECT_ID - should be set to the project ID generated by Infura.
  • NODE_ENV - should be set to PRODUCTION for production deploys.
  • EXT_VALIDATORS_URL - should be set to the API endpoint that provides additional information about validators.

To run it:

yarn run serve

To build it:

yarn run build

Part of the build step is prerendering the pages, which uses puppeteer to drive a headless chrome browser. Make sure to install all dependencies.

dashboard's People

Contributors

adyromantika avatar andreipope avatar dependabot[bot] avatar dnyopr avatar eduardonunesp avatar enlight avatar fkbenjamin avatar gakonst avatar hankxdev avatar lukezhangstudio avatar mattkanwisher avatar mimiiiz avatar napongk avatar redben avatar skogman avatar tharamalai avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

dashboard's Issues

Disappear after withdraw

I try to Withdraw in My account.
Insert value 7 in the "withdraw to Metamask" label.
Click the Withdraw button.
Click the reject Button in the MetaMask popup.

The 7 loom value can not recover,
How can I find it?

Add timeouts

Having Loomy loading infinitely isn't really good feedback. let's have him timeout and prompt user to refresh the page

Improve Withdrawal UX

When users withdraw we should give them some UI response.

Currently all that happens is:

  1. User clicks withdraw
    ... nothing happens for a while
  2. User's dappchain balance gets reduced
    ... nothing happens for a while, user panics thinking they lost money
  3. Metamask pops up
    .. user clicks and gets funds

In between all the steps there should be some type of warning to the user about what they should be expecting to happen.

After 1 the user should see a message that is along the lines of "Your withdrawal is being initiated!"
After 2 they should see "PlasmaChain withdrawal initiated. Please wait for the Ethereum withdrawal confirmation dialog..."

Clarify between amount of staked tokens and voting power

Currently the number shown validators's stake is actually their metadelegation (ie amount * bonus). We should rename Stake to Voting Power, and add an extra field which will be called Tokens Delegated which will show their actual amount of tokens delegated without the bonuses.

James' idea:

Total Stake | Total Voting Power* (*Staked tokens multiplied by lockup bonuses)

Parenthesis shows as a tooltip when you hover.
Also add information about how lockup multipliers work in the FAQ

LOOM-JS bindings: loomnetwork/loom-js#219

Detailed breakdown of whitelist+staked amount in validator page

image

In the validator specific routes, a validator currently has a Total Staked and a Voting Power column. We should make this more detailed to show how much of that comes from the whitelist, and how much comes from delegated tokens.

An approach for this could be to add a tooltip over the number (10,059,848 in the screenshot) which shows:
"Whitelist: 10,000,000, Staked Tokens: 59848)

**Cards**

Cards can be added to your board to track the progress of issues and pull requests. You can also add note cards, like this one!

Display Whitelist Timelock Transactions

Each validator has deployed a timelock contract which holds the funds they have locked for 1 year.

After validators deployed the contract, they get whitelisted with an amount equal to their timelock.

When displaying granular information about validators, we want to show their timelock contract etherscan transactions, so as to justify their whitelist amounts.

In addition, we also want to display the information about their delegations. We can do that by getting the output of getDelegationsAsync(candidate) and putting these in an a table.

So basically we want 2 headers:

  • 1 for timelocked funds, which is going to be a couple of rows which show the transactions the validators did to justify their whitelist amounts

  • 1 header which has a list (maybe table with 50 rows per page e.g.) of all delegations for that validator, which will be the output of dpos.getdelegations(validator) (edited)

image

Redelegate bindings

With this PR https://github.com/loomnetwork/loom-js/pull/218/files we add the feature for users to swap around their delegations to new validators

We want a redelegate from/to button in each validator page

You click on a validator, and it either lets you redelegate FROM them, TO another one
or it lets you redelegate FROM another one TO them

Incorrect footer

Seems to be using the wrong footer, the footer should look more like this
screen shot 2019-02-15 at 2 15 43 pm

Rewards decimals

In the rewards tab, divide the result of the checkRewardsAsync by 10e18 (token decimals)

Make it obvious that staking is disabled for Bootstrap validators

James
For the bootstrap validators, is it possible for us to change 0% to Staking Disabled or N/A or something, and make the font red? 0% makes it seem like a better deal than the real validators, and is probably adding to user confusion when looking at the dashboard.
2. Can we rename them to "Loom Bootstrap # 1" or something clearer, and maybe also change the font of the name to red, so it's more obvious they're not stakeable validators?
3. Is "Validator # 4" also a bootstrap validator? Naming scheme isn't consistent with the other ones, I think it's confusing to users.
4. Can we add commas into the "Stake" numbers so it's more readable? It's not immediately clear that MW Partners has 10x stake of the other ones unless you count decimal places.

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.