Giter Site home page Giter Site logo

kleros-juror-front's Introduction

Kleros Juror Front

Build Status Coverage Status Dependencies Dev Dependencies Tested with Jest JavaScript Style Guide Styled with Prettier Conventional Commits Commitizen Friendly

Get Started

  1. Clone this repo.
  2. Install and set up the MetaMask chrome extension.
  3. Configure MetaMask on the Kovan Test Network.
  4. Run yarn to install dependencies and then yarn start to start the dev server.

Scripts

  • yarn run prettify - Apply prettier to the entire project.
  • yarn run lint:scss - Lint the entire project's .scss files.
  • yarn run lint:js - Lint the entire project's .js files.
  • yarn run lint:scss --fix - Fix fixable linting errors in .scss files.
  • yarn run lint:js --fix - Fix fixable linting errors in .js files.
  • yarn run lint - Lint the entire project's .scss and .js files.
  • yarn test - Run the jest test suites + storyshots.
  • yarn run storybook - Start the storybook.
  • yarn run cz - Run commitizen.
  • yarn run build - Create a production build.
  • yarn run build:analyze - Analyze the production build using source-map-explorer.

Testing

Storybook Storyshots for components and jest integration tests for containers.

kleros-juror-front's People

Contributors

epiqueras avatar satello avatar yushih avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

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

kleros-juror-front's Issues

Style changes in dispute list

Some changes for the dispute list:
https://drive.google.com/open?id=10JQ9rE1J-t441NSgYkZRDqiTYQNCnpcv

  • Replace the dispute number (eg. #60) by “Case #60

In the deadline date, instead of “28.7 at 10:16 pm” I prefer to have the format July 28th at 10:16 pm.

Some countries (like US) use MM/DD format. Others use DD/MM. I think that putting the month name makes it more clear for users from every country.

  • Can we replace the name of the subcourt from “General Court” to “Doge Court”?

Update notifications

When you get arbitration fee. It should say that "You have been awarded an XX.XXX ETH arbitration fee." instead of "Juror has been awarded arbitration fee".
For token redistribution say "You have won/lost XXXX PNK due to token redistribution."

Rename "arbitrator" to "Kleros"

"In order to deposit PNK in a session you must transfer PNK to the arbitrator contract. You may withdraw your tokens at any time as long as you have not activated PNK in the current session."

A lot of contracts can be arbitrator contracts, to be more specific we can replac "arbitrator" to "Kleros".

Fix the issues found out in the video

  • Should not display dispute if selected.
  • The amount lost should be in PNK and not in 1e-18 PNK.
  • Notifications should refer to the dispute ID.
  • I don't understand why we just see 1 vote for partyB. We should have 3 right?
  • We need to see that the party gets the ETH.
  • Replace "activate" by "deposit".

Users should get feedback on calls that are rejected by estimateGas

An example is trying to activate tokens when you have none. You can still input the amount and push submit and then nothing happens. I would assume because estimateGas stops the API from making the call but there is no feedback for the user so it just looks like it isn't working.

Remove Chain View

removechainview

This is doing some strange bouncing on the right.
Most users would not know what it is. Eventually it could be an option, but for now it's lowering the UX.

Better structure for the "ruling section".

https://drive.google.com/open?id=1AG6v7jzLVBMtNG0LcoIVKtxpjBuFHbfr

This could be a bit complicated to implement before the launch, but if we can't do it now, we could do it a bit later.

Does the Image Show a Doge?

The decision of the jury was NO. The PROSECUTOR won the case.

You voted for the SUBMITTER.
Juror 2 voted for the PROSECUTOR.
Juror 3 voted for the PROSECUTOR.

Your vote was INCOHERENT with the majority. As a result, you lost X PNK.

(Here we could add some link saying "How is this calculated?” This could link to a Medium post explaining that).

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.