Article Features and Nested comments

[bryanwong8]

Is your feature request related to a problem? Please describe.
We need to make sure that users can bookmark articles

Figma Design

Tag Explore Page

• Fix the tag follow button. When its clicked, it does not turn into the green button.

• You should be editing the pages/tag/[pid].tsx

Bookmark

• Bookmark button

• When the button is clicked it should call the {{APIURL}}/api/articles/{{slug}}/bookmark(POST) route to save the article to the user's bookmark list

• This should ONLY be allowed to be clicked if the user is logged in. If not then use the ant design message component, https://ant.design/components/message/ to alert the user to log in

Nested Comments

• Comment Reply

• When the reply to word is clicked, it should open an input box from ant design, https://ant.design/components/comment/. It's the last component on the page.

• When the enter key or the submit button is clicked then use the {{APIURL}}/api/articles/{{slug}}/comments(POST) call to make a comment under the comment.

• If the user is not logged in, then do not open the input box. Alert the user that they are not logged in with the ant design message component, https://ant.design/components/message/

Likes

• Liking an Article

• When the user clicks on the heart emoji, it should turn the background red and the heart white

• You should be using the Twitter emojis, https://emojipedia.org/twitter/ as well as twemoji, https://www.npmjs.com/package/react-twemoji

• Edit the pages/article/[pid].tsx file. There exists a handleLike function to like the article