create account

[Utopian] Steemit Advanced Settings Modal with Payout Setting by eonwarped

View this thread on: hive.blogpeakd.comecency.com
· @eonwarped ·
$141.23
[Utopian] Steemit Advanced Settings Modal with Payout Setting
#### Repository
https://github.com/steemit/condenser

### New Feature
Recently as part of an effort towards adding the functionality for adding beneficiaries on posts, I helped set up an Advanced Settings modal which allows setting of the reward type on posts.

![advancedsettingsinreply.PNG](https://cdn.steemitimages.com/DQmXpJTi9WjNq7ChNsAVTmB5YVV2VmPYhRy5SPrMmEYaaP5/advancedsettingsinreply.PNG)

It has feedback for what the split on the rewards is, and adds a link to toggle showing the Advanced Settings modal where you can change it.

![advancedsettingsmodal.PNG](https://cdn.steemitimages.com/DQmWXqu4iRfY3AfVUzjE5mDxZKuk7PnTH3EueUA9GYeUcWF/advancedsettingsmodal.PNG)

In the modal, there's the dropdown for payout type, set to whatever the default set on the profile or what is currently selected on the post. There's information about what your current default is, and a link to show where you can change it.

The commit with all changes is shown here:

https://github.com/steemit/condenser/commit/42e72b3d83a89daac504fb301b90630cd7512849 

To implement this, I followed the pattern of the other modals in 

https://github.com/steemit/condenser/blob/42e72b3d83a89daac504fb301b90630cd7512849/src/app/components/modules/Modals.jsx

though with the additional parameter that the `formId` is passed to the Modal. This allows the advanced settings to work when in the context of comment replies as well, though for now we do not enable this for comments.

Continuing along, in the ReplyEditor.jsx, 

https://github.com/steemit/condenser/commit/42e72b3d83a89daac504fb301b90630cd7512849#diff-1f7a9b5758da60a99d0b041736b50e39R835 

shows how I am storing the current post setting for payout type in the Redux store, and referenced throughout the file to display what is set, as well as the functionality for saving and restoring from local storage.

That's the rough idea, let me know if you have any specific questions below. I suspect the current feature won't see much use except for when users specifically want to decline payout. At least there's no longer a need to have to keep switching a default when this is desired. But I'm more excited now that I can put in the next phase of changes that I've been sitting on. Stay tuned!

#### GitHub Account
https://github.com/eonwarped
πŸ‘  , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , and 39 others
properties (23)
authoreonwarped
permlinkutopian-steemit-advanced-settings-modal-with-payout-setting
categoryutopian-io
json_metadata{"tags":["utopian-io","development","condenser","steemit"],"image":["https://cdn.steemitimages.com/DQmXpJTi9WjNq7ChNsAVTmB5YVV2VmPYhRy5SPrMmEYaaP5/advancedsettingsinreply.PNG","https://cdn.steemitimages.com/DQmWXqu4iRfY3AfVUzjE5mDxZKuk7PnTH3EueUA9GYeUcWF/advancedsettingsmodal.PNG"],"links":["https://github.com/steemit/condenser","https://github.com/steemit/condenser/commit/42e72b3d83a89daac504fb301b90630cd7512849","https://github.com/steemit/condenser/blob/42e72b3d83a89daac504fb301b90630cd7512849/src/app/components/modules/Modals.jsx","https://github.com/steemit/condenser/commit/42e72b3d83a89daac504fb301b90630cd7512849#diff-1f7a9b5758da60a99d0b041736b50e39R835","https://github.com/eonwarped"],"app":"steemit/0.1","format":"markdown"}
created2018-07-25 03:39:36
last_update2018-07-25 03:39:36
depth0
children6
last_payout2018-08-01 03:39:36
cashout_time1969-12-31 23:59:59
total_payout_value107.099 HBD
curator_payout_value34.130 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length2,287
author_reputation88,102,208,706,615
root_title"[Utopian] Steemit Advanced Settings Modal with Payout Setting"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id65,885,921
net_rshares67,982,563,511,309
author_curate_reward""
vote details (103)
@blacklux ·
$0.03
Hey thats great! Congrats!
πŸ‘  
properties (23)
authorblacklux
permlinkre-eonwarped-utopian-steemit-advanced-settings-modal-with-payout-setting-20180726t002045224z
categoryutopian-io
json_metadata{"tags":["utopian-io"],"app":"steemit/0.1"}
created2018-07-26 00:18:51
last_update2018-07-26 00:18:51
depth1
children0
last_payout2018-08-02 00:18:51
cashout_time1969-12-31 23:59:59
total_payout_value0.023 HBD
curator_payout_value0.008 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length26
author_reputation56,509,915,965,132
root_title"[Utopian] Steemit Advanced Settings Modal with Payout Setting"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id65,983,651
net_rshares16,670,618,437
author_curate_reward""
vote details (1)
@helo ·
$0.07
* Great accomplishment to commit code to the steemit repo.
* Good looking code, you just need to put in more comments.
* The post itself could have been more elaborate, don't hesitate to geek out.


Your contribution has been evaluated according to [Utopian policies and guidelines](https://join.utopian.io/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](https://review.utopian.io/result/3/2211123).

---- 
Need help? Write a ticket on https://support.utopian.io/. 
Chat with us on [Discord](https://discord.gg/uTyJkNm). 
[[utopian-moderator]](https://join.utopian.io/)
πŸ‘  , ,
properties (23)
authorhelo
permlinkre-eonwarped-utopian-steemit-advanced-settings-modal-with-payout-setting-20180725t163830882z
categoryutopian-io
json_metadata{"tags":["utopian-io"],"links":["https://join.utopian.io/guidelines","https://review.utopian.io/result/3/2211123","https://support.utopian.io/","https://discord.gg/uTyJkNm","https://join.utopian.io/"],"app":"steemit/0.1"}
created2018-07-25 16:38:30
last_update2018-07-25 16:38:30
depth1
children1
last_payout2018-08-01 16:38:30
cashout_time1969-12-31 23:59:59
total_payout_value0.051 HBD
curator_payout_value0.015 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length688
author_reputation121,547,934,535,311
root_title"[Utopian] Steemit Advanced Settings Modal with Payout Setting"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id65,950,344
net_rshares32,797,651,822
author_curate_reward""
vote details (3)
@eonwarped ·
Thanks for the feedback!
properties (22)
authoreonwarped
permlinkre-helo-re-eonwarped-utopian-steemit-advanced-settings-modal-with-payout-setting-20180725t213754633z
categoryutopian-io
json_metadata{"tags":["utopian-io"],"app":"steemit/0.1"}
created2018-07-25 21:37:54
last_update2018-07-25 21:37:54
depth2
children0
last_payout2018-08-01 21:37:54
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length24
author_reputation88,102,208,706,615
root_title"[Utopian] Steemit Advanced Settings Modal with Payout Setting"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id65,973,249
net_rshares0
@penderis ·
$0.03
Yip making Stinc great again one tweak at a time. πŸ‘

A nice clean change. Just me or did this get merged? Congrats
πŸ‘  
properties (23)
authorpenderis
permlinkre-eonwarped-utopian-steemit-advanced-settings-modal-with-payout-setting-20180725t121532361z
categoryutopian-io
json_metadata{"tags":["utopian-io"],"app":"steemit/0.1"}
created2018-07-25 12:15:30
last_update2018-07-25 12:15:30
depth1
children1
last_payout2018-08-01 12:15:30
cashout_time1969-12-31 23:59:59
total_payout_value0.020 HBD
curator_payout_value0.007 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length114
author_reputation153,480,448,063,664
root_title"[Utopian] Steemit Advanced Settings Modal with Payout Setting"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id65,924,832
net_rshares13,675,504,183
author_curate_reward""
vote details (1)
@eonwarped ·
It's merged, yes. Utopian accepts contributions after merge. :)  Back to tweakin'...
properties (22)
authoreonwarped
permlinkre-penderis-re-eonwarped-utopian-steemit-advanced-settings-modal-with-payout-setting-20180725t150845269z
categoryutopian-io
json_metadata{"tags":["utopian-io"],"app":"steemit/0.1"}
created2018-07-25 15:08:45
last_update2018-07-25 15:08:45
depth2
children0
last_payout2018-08-01 15:08:45
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length84
author_reputation88,102,208,706,615
root_title"[Utopian] Steemit Advanced Settings Modal with Payout Setting"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id65,941,563
net_rshares0
@utopian-io ·
Hey @eonwarped
**Thanks for contributing on Utopian**.
We’re already looking forward to your next contribution!

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

<a href='https://v2.steemconnect.com/sign/account-witness-vote?witness=utopian-io&approve=1'>Vote for Utopian Witness!</a>
properties (22)
authorutopian-io
permlinkre-utopian-steemit-advanced-settings-modal-with-payout-setting-20180728t140009z
categoryutopian-io
json_metadata"{"app": "beem/0.19.42"}"
created2018-07-28 14:00:09
last_update2018-07-28 14:00:09
depth1
children0
last_payout2018-08-04 14:00:09
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length301
author_reputation152,955,367,999,756
root_title"[Utopian] Steemit Advanced Settings Modal with Payout Setting"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id66,281,486
net_rshares0