ULOG #10: Adding Delegation to Certified Uloggers

eastmael (67) in ulog • 6 years ago

Repository

https://github.com/surpassinggoogle/UlogsV2

Task Request

https://steemit.com/utopian-io/@surpassinggoogle/task-request-help-us-add-a-badge-and-delegate-button-underneath-posts-for-certified-uloggers-on-ulogs-org

Pull Requests

Implementation

https://github.com/surpassinggoogle/UlogsV2/pull/125 - the base codes. Add a dropdown button to the StoryFooter's Buttons component and add a predetermined list of fixed SP values.

Refactors

https://github.com/surpassinggoogle/UlogsV2/pull/133 - updated the Custom SP link and display it as an input field
https://github.com/surpassinggoogle/UlogsV2/pull/135 - extract the Delegate codes and define it as a react component

Bug Fixes

https://github.com/surpassinggoogle/UlogsV2/pull/127 - display Delegate button only to certified uloggers
https://github.com/surpassinggoogle/UlogsV2/pull/130 - rollback a portion of a previous commit and use the latest codes from steemscript that includes app info for ulogs instead of a released (v1.0.2) version.
https://github.com/surpassinggoogle/UlogsV2/pull/137 - add handling (flag) to control display of Delegate button in the feed and the post
https://github.com/surpassinggoogle/UlogsV2/pull/138 - added condition to display button to certified uloggers

As written in the PR list above, this contribution is a mix of new codes, refactor, and bug fixes. After creating the badge, certified uloggers now get this perk of allowing other people to delegate to them.

Developing this feature took a lot of trial and error because of a limitation I encountered when using a SubMenu component cascading from a Dropdown's Menu.

The Custom SP input worked when the dropdown menu was displayed directly under the delegate button, but loses this intended behavior when the SP values were displayed as a SubMenu - it automatically closes the SubMenu when you click on the Custom SP input field.

I also had a hard time understanding how busy displays posts in a modal dialog and why the dropdown menu does not display in it. I'm suspecting it's related with z-index. This is for further investigation.

Feature in Action

Lesson Learned

I thought this feature was a simple adding of a Delegate component to StoryFooter, but looking at the history of the PRs, that was not the case.

To provide a better user experience, I decided to enable it on the feed where it functions properly and disabled it inside a post (modal and non-modal).

Not everything goes as planned. Sometimes you need to compromise.

GitHub Account

https://github.com/eastmaels

_{This post was made from https://ulogs.org}

ulog surpassinggoogle utopian-io development

6 years ago by eastmael (67)

$47.14

Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE STEEM!

Sort Order:

Trending

[-]

amosbastian (72) · 6 years ago

Thanks for the contribution, @eastmael! When I saw the task request I thought it was a relatively simple task, but it seems like it ended up being trickier than I thought. Great job on completing it and good luck with your investigation regarding the modal dialog!

Your contribution has been evaluated according to Utopian policies and guidelines, as well as a predefined set of questions pertaining to the category.

To view those questions and the relevant answers related to your post, click here.

Need help? Write a ticket on https://support.utopian.io/.
Chat with us on Discord.
[utopian-moderator]

$15.48

10 votes

[-]

surpassinggoogle (76) · 6 years ago

Thank you bro. The other task was quite easy. Not complete yet but the person could do most of it a some hours, cos @eastmael has already added the delegate button with this task and the contact button just needed replicating the transfer button with some word change. And you know the interesting testimony which is kudos to utopian. He isn't a steemian yet but i was able to talk about steem and all and about utopian and give him resources etc. Basically, he found utopian's reddit page and that is how he joined the discord there and i ended up speaking with him and i explained the micro-task thing and the hierarchy and what he needs to replicate etc and he was able to reach somewhere and understands steem better now. His name is @sleepy on utopian incase he needs further guidance. He must have signed up for steem, maybe not approved yet.

$0.14

1 vote

[-]

utopian-io (71) · 6 years ago

Thank you for your review, @amosbastian!

So far this week you've reviewed 3 contributions. Keep up the good work!

$0.00

[-]

steem-ua (64) · 6 years ago

Hi @eastmael!

Your post was upvoted by @steem-ua, new Steem dApp, using UserAuthority for algorithmic post curation!
Your post is eligible for our upvote, thanks to our collaboration with @utopian-io!
Feel free to join our @steem-ua Discord server

$0.04

1 vote

[-]

utopian-io (71) · 6 years ago

Hey, @eastmael!

Thanks for contributing on Utopian.
We’re already looking forward to your next contribution!

Get higher incentives and support Utopian.io!
Simply set @utopian.pay as a 5% (or higher) payout beneficiary on your contribution post (via SteemPlus or Steeditor).

Want to chat? Join us on Discord https://discord.gg/h52nFrV.

Vote for Utopian Witness!

$0.03

1 vote

[-]

trufflepig (66) · 6 years ago

Congratulations! Your post has been selected as a daily Steemit truffle! It is listed on rank 18 of all contributions awarded today. You can find the TOP DAILY TRUFFLE PICKS HERE.

I upvoted your contribution because to my mind your post is at least 6 SBD worth and should receive 98 votes. It's now up to the lovely Steemit community to make this come true.

I am TrufflePig, an Artificial Intelligence Bot that helps minnows and content curators using Machine Learning. If you are curious how I select content, you can find an explanation here!

Have a nice day and sincerely yours,

TrufflePig