Interactive Comments Section

Community feedback

• 

  Matt Seidel•570

  @mseidel819

  Posted almost 3 years ago

  This looks good! I like the way you implemented the "time posted" feature. I was just using dates, so I want to look into how you did that.

  When I upvote the 1st level comments, they aren't sorting. Try moving your sort function around to another place. From what I think I see, you initialize comments with a sorted array, but they never sort again after that first time. For example, what I did in my app was to sort the comments in the return function: {

         { comments_map.sort((a, b) => {
            return b.score - a.score;
          }).map(comment => {
            return (
              <Comment 
                key={comment.id + comment.user.username} 
                comment={comment}
                comments={comments}
                setComments={setComments}
                currentUser={currentUser}
              />
            ) 
          })
        }
  

  }

  now, each time this component re-renders due to an updated state, it will sort the comments accordingly.

  11

  Marked as helpful