KURE Community Curation App, Fundition Update - Added Flagging/Downvoting on Posts

in #kure5 years ago (edited)

A crucial feature to combat misbehavior on the blockchain ins the flag or downvote feature. After some time avoiding implementing it, I finally got around to bringing this significant feature to KURE. Flags or downvotes are often abused by those who simply downvote what they don't like. With an imperfect system that allows people to buy votes for trash, flagging has gained more popularity as well to reduce rewards for those who do so.


Completed Tasks

  • Added Flagging/Downvoting on Posts


Github commits for work done


Video demonstration

None this time.


Added Flagging/Downvoting on Posts

To flag a post, you need to click on the gray flag icon at the right of the main post actions. Hovering over it will turn red.

Once clicked, the flag vote slider will appear where you can choose the amount of vote weight to apply to flag a post. To make sure a user knows that a flag isn't simply a downvote to convey dislike, I put the message Flagging will remove rewards. When the vote weight has been chosen, the flag is applied after the green flag icon is clicked.

The slider will be gone, and the flag icon will start to spin around, insicatin that the flag is being processed.

After about 3 seconds, the flag should be applied and you will see a solid red flag icon instead of a gray or red outlined flag icon when no flag was applied. For everyone else that sees the post, they will know it's been flagged due to the red flag icon at the far left.

The flag code starts off with the link to flag. A first call is made to the flag function.

The flag function will check if the user is logged before proceeding. If they are, then the vote weight is loaded from the localStorage, if the flag slider was previously used before. If not, the default of 100% is used.

Then the local state slider value is set and the slider will display on the next render.

The slider link to apply the vote is the green flag, and it will call the real flagging vote function once clicked.

handleVote is the place the flag actually send to Redux to be applied to the Steem blockchain. The vote weight is saved into the localStorage for future use, the slide ris hidden, and the vote is sent as a negative vote.


Ongoing Tasks

Look forward to these tasks and others I come up with being worked on next :)

  • Adding sort functions to the Communities and Kurated pages
  • Liking Kurated post submissions in communities
  • Rating Kurated post submissions in communities
  • Tweak comments (limit to 20, show more option, max nested depth)
  • Implement PRPL Pattern for better performance
  • Viewing comments in their own page view
  • Dark skin for the site
  • Selecting posts to vote at a later time
  • Improve Blog page, with rep, description and location
  • Add a settings page
  • Add nsfw filtering
  • Add progressive image loading
  • Flag a post
  • Steem Wallet

Additional Tasks

None to add.



If you appreciate and value the content, please consider: Upvoting, Sharing or Reblogging below.
Follow me for more content to come!


Like what I do? Then consider giving me a vote on the Witness page :) Thanks!

My goal is to share knowledge, truth and moral understanding in order to help change the world for the better. If you appreciate and value what I do, please consider supporting me as a Steem Witness by voting for me at the bottom of the Witness page.


Posted from KURE

Coin Marketplace

STEEM 0.26
TRX 0.11
JST 0.033
BTC 64266.94
ETH 3077.24
USDT 1.00
SBD 3.87