[ENHANCEMENT] Comment section for every post

[SethCram]

Is your feature request related to a problem? Please describe.

• Yes, feedback can't be left on posts

Describe the solution you'd like

• Comment section for every post
  • located below the post on singlepostpage
  • should include username of person who posted comment
  • each comment should be upvotable/downvotable by those w/ enough reputation
  • poster should be able to mark whether a comment was helpful/reasonable
  • if so, the commenter should receive reputation points
  • anybody should be able to make comments + reply to another person's comment
• All comments should be linkable back to user who made them

Additional context

• reputation system needs implementing beforehand
• should I create a new "comment" model
  • then each post model would have an array of comments

Development

• [x] comment model

  • username to link to author
  • reputation + badgeName
  • postID to get all of a posts comments
  • replyID to link to replied comment

• [x] comment api methods

  • needa create, get all, get by id, update, delete
  • only author should be able to update or delete
  • get by id to reply to other comments
  • during comment retrieval, should also return comment being replied to if exists
    • didn't do this
    • not sure how to display on frontend
  • changed comment creation
  • to also link a created comment to its replied to comment's replies arr
  • but only does a single level, so iteratively finds root comment
  • changed get all comments
  • now retrieve all comments that arent replying to other comments
  • so, can render the replies under each root comment

• [ ] add query all comments author'd by a user

• [x] implement list of comments on frontend

  • located below the post on singlepostpage
  • should include username of person who posted comment
  • each comment should be upvotable/downvotable
  • just like creation of post, creation of comment should be customizable thru an editor
  • should have a "reply" button
  • which should store the replied comment's id locally
  • and attach repliers username to top of comment
  • displayed thru storing the index of the selected comment and checking if it's the one within map()

• [x] update ReputationIcon to take comment

  • had to make further margin adjustments for number centering
  • so passed in a class

• [x] allow for creation of brand new comment

  • as comment on original post at top of comment section
  • could potentially make it into a function instead of comp or just html
  • since reused to 2 separate spots
  • after posting comment, needed to refresh displayed comments so just re-retrieve from DB
  • but required moving getComments() outside of useEffect

• [x] visually display replied to comments below root comment

  • had to restructure Comment model to contain an array of reply comments
  • made mapping way easier
  • also displayed whoever replying to username within comment

• [x] make comment into a react functional component

  • can't refetch all comments if dont know when submitting a new comment
  • so, will have to create local comments and store them with their corresponding render index/parent objectId
  • wrong
  • will likely need to create a "CommentSection" component too
  • created both comment and comment section components
  • comment section needed to know:
  • what comment being replied to for rendering text box location by id
  • new comment template needed to know:
  • comment being replied to username for rendering + submission
  • comment being replied to id for submission
  • cleared out comment template once comment submitted
  • if a reply comment submitted

• [x] allow replying to other comments

  • had to communicate tween react comps via passing in a parent funct handle to its child

• [x] allow voting on comments

  • copy + pasted post voting functionality
  • have to handleVote() in separate way
  • should prolly remove hover altogether
  • did so for posts and comments
  • generalized the api method for updatedLinkedModel fairly easily
  • since Comment and Post had fields such as "reputation" and "badgeName" named the same

• [x] allow editing of author'd comment

  • similar to editing of post
  • implemented a comment-specific write mode enabled upon update btn press