Last week saw the addition of posting content to Steem. What a great feature to have. But, you might also want to edit your post, as I often do. Editing posts is now working!

I had not returned to the Posting functionality to add the ability to Edit posts, and instead did some necessary fixing of the UI/UX for mobile users, as well as add infinite scrolling to get more kurated post data on the Home page.

In addition to having the editing posts working, I also adding infinite scrolling to the Kurated page. Some fixes that crept up were also dealt with.

<center><a href="https://thekure.net/"><img src="https://i.imgur.com/7XVJN9x.png" /></a></center>

---
# Completed Tasks

- ## Editing Posts
- ## Infinite scroll to Kurated page

---
# Github commits for work done
- https://github.com/KrNel/kure/commit/ae574606a2f20325375654f0c6fa18d41ec5d16c
- https://github.com/KrNel/kure/commit/b6152c3d8910829a7ddc64bad26fab8c065ef3f4
- https://github.com/KrNel/kure/commit/7c152ada8b28fd5226fd7de6784f0760a2cdcad1
- https://github.com/KrNel/kure/commit/4173039bdc0f1aef3eb05dcc49b7b0ddd183035e
- https://github.com/KrNel/kure/commit/f6e7fd5618bea591c2888c9a7ddcd6a68e78f560

---
# Editing Posts

To Edit a post, you just need to click on the pencil/compose icon at the bottom of a page.

<center><img src="https://i.imgur.com/LfTEAxt.png" /></center>

After clicking the Edit icon, you will be redirected to the `Write` component for the post in question.

<center><img src="https://i.imgur.com/M9gYDhh.png" /></center>

Underneath you will see the preview, just like you would be reading the post already posted. As you make changes, you will see them appear.

<center><img src="https://i.imgur.com/kXWT9sd.png" /></center>

For example, I will simply add an exclamation point for purposes of demonstration.

Here there is no exclamation point.

<center><img src="https://i.imgur.com/6W81rb9.png" /></center>

Then I add it and hit `Update`.

<center><img src="https://i.imgur.com/9eSyyzB.png" /></center>

After a few seconds of waiting for the post to be sent to Steem, the page will show with the updates visible.

<center><img src="https://i.imgur.com/oPy4GRG.png" /></center>

It all starts with showing the Edit button, but only if the user logged is the author of the post.

<center><img src="https://i.imgur.com/dMnNrK3.png" /></center>

Once the Edit icon is clicked, the Redux store received the call and parses the existing json_metadata into an array, and sets up the draft copy of the post for display. The flag `isUpdating` is set to true, which lets the other components know an edit is in process.

<center><img src="https://i.imgur.com/QoLAUBS.png" /></center>

Back int he post page you're looking at, the `isupdating` flag lets the page know an update/edit is requested, and then redirects the user to the `Write` component via the `write` route.

<center><img src="https://i.imgur.com/OayM3vx.png" /></center>

Once in the Write page, the post data is populated into the form fields and text area, and the `Submit` button is changed to `Update`.

<center><img src="https://i.imgur.com/3XoI1al.png" /></center>

Once `Update` is clicked, Redux comes back into play by processing the form data, just as is done for a regular first-time post, except it posts after the `commentOp` is set the post is sent to Steem right away, without `commentOptions` being set.

<center><img src="https://i.imgur.com/gnKUWUA.png" /></center>

---
# Infinite scroll to Kurated page

I also added the infinite scroll feature to the Kurated page, just like the Home page. Now when you scroll down, you will keep getting posts loaded for your viewing pleasure.

---
# 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
- Edit comments
- Delete comments
- Deleting posts
- Tweak comments (limit to 20, show more option, max nested depth)
- Implement PRPL Pattern for better performance
- Viewing comments in their own page view
- Adding infinite scroll to the Communities page
- Follows, Followers and Post Count on user pages
- Dark skin for the site
- Selecting posts to vote at a later time
- Grid and List layout for Steem, Blog, and Feed pages
- Improve Blog page, with rep, description and location
- Add a settings page
- Add nsfw filtering
- Add progressive image loading

---
# Additional Tasks

I am adding these tasks to indicate the upcoming work I will be engaging in at some point and in no particular order:

- ### Payouts shown in different ways
__Description__: Show specific indicators that a post is in declined payout or 100% SP, as opposed to 50/50 split.
**Estimated Cost of Development**: 1 hours @ $30/h = $30

- ### Unvote a post
__Description__: Add unvote option to remove a vote
**Estimated Cost of Development**: 1 hours @ $30/h = $30

- ### Upvote percentage
__Description__: Show the upvote percentage on votes page, not just the value.
**Estimated Cost of Development**: 1 hours @ $30/h = $30

- ### Flag a post
__Description__: Flag some posts by percentage weight applied, for posts and comments.
**Estimated Cost of Development**: 3 hours @ $30/h = $90

---
<sub>If you appreciate and value the content, please consider: **Upvoting**, **Sharing** or **Reblogging** below.</sub>
<sub>[![Follow](http://i.imgur.com/aTa4vR8.png)](https://steemit.com/@krnel) me for more content to come!</sub>

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

<center><a href="https://steemit.com/~witnesses"><img src="https://steemitimages.com/0x0/https://i.imgur.com/R81YLbN.jpg" /></a></center>

<sub>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](https://steemit.com/witness-category/@krnel/krnel-s-declaration-of-witness) by voting for me at the [bottom of the Witness page](https://steemit.com/~witnesses).**</sub>

---
***Posted from [KURE](https://thekure.net)***