Project Information

Repository : https://github.com/busyorg/busy
Platform : http://busy.org

Expected behavior

"There are no comments yet" shouldn't display after a comment is posted.

Actual behavior

If a post has No comments and a comment is entered, post still shows "There are no comments yet" message along with newly entered comment.

How to reproduce

• Find a post with no comments.
• Open the post and scroll to the bottom.
• You will see a message stating There are no comments yet.
• Enter a new comment, you will see your new comment right underneath There are no comments yet.
• Up-voting a post, removes the message.

Recording of the issue

Technical Analysis

I am not a React developer but this seems to the buggy piece of code: Comments.js

{parentPost.children === 0 && (
  <div className="Comments__empty">
    <FormattedMessage id="empty_comments" defaultMessage="There are no comments yet." />
  </div>
)} 

This condition to show comment should be dependent on commentsToRender.length. This way whenever a comment is displayed, this message will hide. parentPost object doesn't seem to be getting updated when a comment is entered.

• Browser: Google Chrome ( 66.0.3359.181 Version)
• Operating system: OSX 10.11.6

Proof Of Work Done

Github profile
Problem Report