create account

Steemblr update - 19 - nsfw overlay, actions viewer by snwolak

View this thread on: hive.blog |  peakd.com |  ecency.com
dapps · @snwolak ·
$43.77
Steemblr update - 19 - nsfw overlay, actions viewer
https://firebasestorage.googleapis.com/v0/b/steemblr.appspot.com/o/development%2Fsteemblr_banner.png?alt=media&token=d30a6197-e8fb-4050-805a-64ce24363d98

Steemblr is open source microblogging platform powered by steem blockchain . It allows user to post and explore content which is smaller than a traditional blog.

You can check developer version here: https://steemblr.com

## Repository
https://github.com/snwolak/steemblr

## Pull Request
https://github.com/snwolak/steemblr/pull/14

## New Features

### NSFW Overlay

New element for covering NSFW posts with button to change filtering settings.

As far as I can see on analytics, most of the unregistered users would like to use steemblr for adult content. The problem was that by the default nsfw content was disabled and wasn't even fetched to the app, so the flow of the app is now changed and steemblr is loading all the posts with nsfw overlay on adult content, so unregistered users can see what they want.

https://i.imgsafe.org/7b/7b6477076f.gif

NSFW Overlay is a component with html element with a high z-index that covers the whole post, a button that is in the middle  changes the state of the user in redux and allows adult content, if the user is logged in addition the settings will be saved in the database.

Also for easier content identification there was added nsfw checkbox in post creator. 

https://i.imgsafe.org/7b/7b778eb8d2.jpeg

[#1](https://github.com/snwolak/steemblr/pull/14/commits/854081b16a9d0986cfa2f9feee678f0ec2d1534a)[#2](https://github.com/snwolak/steemblr/commit/65892fb5fd3641727e0ca128bdf03e25d597d1b0)[#3](https://github.com/snwolak/steemblr/commit/fabf171788b192fa228c48e0262176fe379e745a)

### Actions Viewer

New container where users can see actions taken on the post. For now that include upvotes, comments, replies to comments for steemblr actions and upvotes for steem blockchain actions.

https://i.imgsafe.org/7b/7b957c4700.jpeg

https://i.imgsafe.org/7b/7b970a38fe.gif

Both for the steemblr and steem platform, all data is from the post object, in the future this will change for steem, because there is a lot more data related to steem post outside its main post object.
When the component gets data, it generates a list of actions where every different action type has its own description and will have different functionality.

[#1](https://github.com/snwolak/steemblr/commit/cce01192d0795747c27db469f51f647cf5aa6aa8)[#2](https://github.com/snwolak/steemblr/commit/cebc4a0b227c07edf4a121262ac4dad10f0b02c1)
## End note

If you have any question you can ask them on steemblr discord server https://discord.gg/hHmZgk6
πŸ‘  , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , and 182 others
properties (23)
authorsnwolak
permlinksteemblr-update-19-nsfw-overlay-actions-viewer
categorydapps
json_metadata{"tags":["dapps","development","utopian-io","steemblr"],"image":["https://firebasestorage.googleapis.com/v0/b/steemblr.appspot.com/o/development%2Fsteemblr_banner.png?alt=media&token=d30a6197-e8fb-4050-805a-64ce24363d98","https://i.imgsafe.org/7b/7b6477076f.gif","https://i.imgsafe.org/7b/7b778eb8d2.jpeg","https://i.imgsafe.org/7b/7b957c4700.jpeg","https://i.imgsafe.org/7b/7b970a38fe.gif"],"links":["https://steemblr.com","https://github.com/snwolak/steemblr","https://github.com/snwolak/steemblr/pull/14","https://github.com/snwolak/steemblr/pull/14/commits/854081b16a9d0986cfa2f9feee678f0ec2d1534a","https://github.com/snwolak/steemblr/commit/65892fb5fd3641727e0ca128bdf03e25d597d1b0","https://github.com/snwolak/steemblr/commit/fabf171788b192fa228c48e0262176fe379e745a","https://github.com/snwolak/steemblr/commit/cce01192d0795747c27db469f51f647cf5aa6aa8","https://github.com/snwolak/steemblr/commit/cebc4a0b227c07edf4a121262ac4dad10f0b02c1","https://discord.gg/hHmZgk6"],"app":"steemit/0.1","format":"markdown"}
created2019-03-24 17:36:09
last_update2019-03-24 17:36:09
depth0
children9
last_payout2019-03-31 17:36:09
cashout_time1969-12-31 23:59:59
total_payout_value33.456 HBD
curator_payout_value10.316 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length2,628
author_reputation22,201,696,783,567
root_title"Steemblr update - 19 - nsfw overlay, actions viewer"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id81,866,615
net_rshares67,706,875,991,200
author_curate_reward""
vote details (246)
@helo ·
$11.44
- Looks good as a blog post, you may want to include code samples and explanations of coding choices if you want to make a development post.
- Good commit messages and separation of concerns.
- Not enough comments in the code.

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/2-3-1-1-1-1-3-).

---- 
Need help? Chat with us on [Discord](https://discord.gg/uTyJkNm).

[[utopian-moderator]](https://join.utopian.io/)
πŸ‘  , , , , , , , , , , , , , , , ,
properties (23)
authorhelo
permlinkre-snwolak-steemblr-update-19-nsfw-overlay-actions-viewer-20190324t201238350z
categorydapps
json_metadata{"tags":["dapps"],"links":["https://join.utopian.io/guidelines","https://review.utopian.io/result/3/2-3-1-1-1-1-3-","https://discord.gg/uTyJkNm","https://join.utopian.io/"],"app":"steemit/0.1"}
created2019-03-24 20:12:39
last_update2019-03-24 20:12:39
depth1
children1
last_payout2019-03-31 20:12:39
cashout_time1969-12-31 23:59:59
total_payout_value8.684 HBD
curator_payout_value2.757 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length676
author_reputation121,547,934,535,311
root_title"Steemblr update - 19 - nsfw overlay, actions viewer"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id81,871,944
net_rshares17,617,608,020,911
author_curate_reward""
vote details (17)
@utopian-io · 
Thank you for your review, @helo! Keep up the good work!
properties (22)
authorutopian-io
permlinkre-re-snwolak-steemblr-update-19-nsfw-overlay-actions-viewer-20190324t201238350z-20190327t014232z
categorydapps
json_metadata"{"app": "beem/0.20.17"}"
created2019-03-27 01:42:33
last_update2019-03-27 01:42:33
depth2
children0
last_payout2019-04-03 01:42:33
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_length56
author_reputation152,955,367,999,756
root_title"Steemblr update - 19 - nsfw overlay, actions viewer"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id82,014,899
net_rshares0
@jza · 
Love the platform, keep building...
πŸ‘  
properties (23)
authorjza
permlinkre-snwolak-steemblr-update-19-nsfw-overlay-actions-viewer-20190328t042450145z
categorydapps
json_metadata{"tags":["dapps"],"app":"steemit/0.1"}
created2019-03-28 04:24:51
last_update2019-03-28 04:24:51
depth1
children0
last_payout2019-04-04 04:24:51
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_length35
author_reputation38,032,544,913,209
root_title"Steemblr update - 19 - nsfw overlay, actions viewer"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id82,075,320
net_rshares5,902,809,090
author_curate_reward""
vote details (1)
@pennsif · 
This post has been included in the latest edition of  [**SoS Daily News**](https://steemit.com/steem/@pennsif/sos-daily-news-steem-news-24-march-2019) - a digest of all the latest news on the Steem blockchain.
πŸ‘  
properties (23)
authorpennsif
permlinkre-snwolak-steemblr-update-19-nsfw-overlay-actions-viewer-20190326t021120476z
categorydapps
json_metadata{"tags":["dapps"],"links":["https://steemit.com/steem/@pennsif/sos-daily-news-steem-news-24-march-2019"],"app":"steemit/0.1"}
created2019-03-26 02:11:21
last_update2019-03-26 02:11:21
depth1
children0
last_payout2019-04-02 02:11:21
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_length209
author_reputation636,410,097,572,565
root_title"Steemblr update - 19 - nsfw overlay, actions viewer"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id81,953,700
net_rshares0
author_curate_reward""
vote details (1)
@steem-ua · 
#### Hi @snwolak!

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](https://discord.gg/KpBNYGz)**
properties (22)
authorsteem-ua
permlinkre-steemblr-update-19-nsfw-overlay-actions-viewer-20190324t212453z
categorydapps
json_metadata"{"app": "beem/0.20.19"}"
created2019-03-24 21:24:54
last_update2019-03-24 21:24:54
depth1
children0
last_payout2019-03-31 21:24: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_length286
author_reputation23,214,230,978,060
root_title"Steemblr update - 19 - nsfw overlay, actions viewer"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id81,874,457
net_rshares0
@steemitboard · 
Congratulations @snwolak! You have completed the following achievement on the Steem blockchain and have been rewarded with new badge(s) :

<table><tr><td>https://steemitimages.com/60x70/http://steemitboard.com/@snwolak/votes.png?201904101503</td><td>You made more than 5000 upvotes. Your next target is to reach 6000 upvotes.</td></tr>
</table>

<sub>_You can view [your badges on your Steem Board](https://steemitboard.com/@snwolak) and compare to others on the [Steem Ranking](http://steemitboard.com/ranking/index.php?name=snwolak)_</sub>
<sub>_If you no longer want to receive notifications, reply to this comment with the word_ `STOP`</sub>



**Do not miss the last post from @steemitboard:**
<table><tr><td><a href="https://steemit.com/steemitboard/@steemitboard/the-steem-blockchain-survived-its-first-virus-plague"><img src="https://steemitimages.com/64x128/https://steemitimages.com/0x0/![](https://cdn.steemitimages.com/DQmYKnawrtqFCShyVvVs4QS7548eretcMUKQJc3D2f69pb9/image.png)"></a></td><td><a href="https://steemit.com/steemitboard/@steemitboard/the-steem-blockchain-survived-its-first-virus-plague">The Steem blockchain survived its first virus plague!</a></td></tr></table>

###### [Vote for @Steemitboard as a witness](https://v2.steemconnect.com/sign/account-witness-vote?witness=steemitboard&approve=1) to get one more award and increased upvotes!
properties (22)
authorsteemitboard
permlinksteemitboard-notify-snwolak-20190410t154508000z
categorydapps
json_metadata{"image":["https://steemitboard.com/img/notify.png"]}
created2019-04-10 15:45:09
last_update2019-04-10 15:45:09
depth1
children0
last_payout2019-04-17 15:45: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_length1,366
author_reputation38,975,615,169,260
root_title"Steemblr update - 19 - nsfw overlay, actions viewer"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id82,817,393
net_rshares0
@steemitboard · 
Congratulations @snwolak! You received a personal award!

<table><tr><td>https://steemitimages.com/70x70/http://steemitboard.com/@snwolak/birthday3.png</td><td>Happy Birthday! - You are on the Steem blockchain for 3 years!</td></tr></table>

<sub>_You can view [your badges on your Steem Board](https://steemitboard.com/@snwolak) and compare to others on the [Steem Ranking](https://steemitboard.com/ranking/index.php?name=snwolak)_</sub>


###### [Vote for @Steemitboard as a witness](https://v2.steemconnect.com/sign/account-witness-vote?witness=steemitboard&approve=1) to get one more award and increased upvotes!
properties (22)
authorsteemitboard
permlinksteemitboard-notify-snwolak-20190726t211056000z
categorydapps
json_metadata{"image":["https://steemitboard.com/img/notify.png"]}
created2019-07-26 21:10:57
last_update2019-07-26 21:10:57
depth1
children0
last_payout2019-08-02 21:10:57
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_length616
author_reputation38,975,615,169,260
root_title"Steemblr update - 19 - nsfw overlay, actions viewer"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id88,784,167
net_rshares0
@tony-duke · 
Good to see more improvements on the platform. The addition of notifications is a good feature for a better user experience.
πŸ‘  ,
properties (23)
authortony-duke
permlinkre-snwolak-steemblr-update-19-nsfw-overlay-actions-viewer-20190326t070730955z
categorydapps
json_metadata{"tags":["dapps"],"app":"steemit/0.1"}
created2019-03-26 07:07:36
last_update2019-03-26 07:07:36
depth1
children0
last_payout2019-04-02 07:07:36
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_length124
author_reputation46,553,960,067,658
root_title"Steemblr update - 19 - nsfw overlay, actions viewer"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id81,968,526
net_rshares6,178,011,102
author_curate_reward""
vote details (2)
@utopian-io · 
Hey, @snwolak!

**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](https://chrome.google.com/webstore/detail/steemplus/mjbkjgcplmaneajhcbegoffkedeankaj?hl=en) or [Steeditor](https://steeditor.app)).

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

<a href='https://steemconnect.com/sign/account-witness-vote?witness=utopian-io&approve=1'>Vote for Utopian Witness!</a>
properties (22)
authorutopian-io
permlinkre-steemblr-update-19-nsfw-overlay-actions-viewer-20190327t224845z
categorydapps
json_metadata"{"app": "beem/0.20.17"}"
created2019-03-27 22:48:48
last_update2019-03-27 22:48:48
depth1
children0
last_payout2019-04-03 22:48:48
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_length589
author_reputation152,955,367,999,756
root_title"Steemblr update - 19 - nsfw overlay, actions viewer"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id82,065,126
net_rshares0
Help/Feedback