Repository

https://github.com/knacksteem/knacksteem.org

Pull Request

https://github.com/knacksteem/knacksteem.org/pull/45

Task Request

https://steemit.com/knacksteem/@knowledges/development-task-request-help-build-knacksteem-front-end-800-steem-bounty

New Features

Voting slider

Development of voting slider which will allow user to change his voting power.

https://i.imgsafe.org/56/56f869c5d6.jpeg

How does it work?

When a component is loaded, the function for calculating the vote value calculates the maximum value of the vote. Before calculating, the function uses the redux action to retrieve the necessary information about the steem blockchain. When data is fetched from steem api, slider and buttons are disabled so that the user does not spoil his experience.

https://i.imgsafe.org/57/573a17baa8.gif

What did I use

To do the visual part of the task, I used antd design components (slider & buttons and icons) and loading spinner which I found here and customized for the task.

https://i.imgsafe.org/57/57524226a1.gif

As for more technical things, I used redux to hold the value of voting power chosen by the user, so that later, when the voting is implemented, you can get the value you need without a problem.

Also function that calculates the vote value uses the redux's ready actions to load the necessary information about the blockchain, so that the information is loaded only once.

#1, #2, #3, #4, #5

Github Account

https://github.com/snwolak

1234

View this post on steemblr

Reblog of a post made by snwolak. Original author is getting 47.5% beneficiary rewards.

Topics