Interactive Comments Section

Community feedback

• 

  Matt Seidel•570

  @mseidel819Posted over 2 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.

  Marked as helpful

  1

  ---

  

  Ifeanyichukwu•240

  @ifeanyiihPosted over 2 years ago

  @mseidel819 thank you so much for this. Now I sort the comments just before updating the state.

  setComments(comments_map.sort((a, b) => b.score - a.score));
  

  For the "time posted" feature, I used Date.now() to get the timestamp and date-fns' date utility library from date-fns to format the date.

  thanks.

  1