Using React.js and ES6 build the ArtworkComments component. Please review the screenshot and .mov file to see how the component should look and function.
- Component is built using React.js
- Component uses ES6 syntax and features
- Component is built as a Functional Component
- Uses React Hooks
- Comments are ordered in reverse chronological order (newest comments first).
- Ability to mark comments as "seen" / acknowledged
- If there are unseen comments the button is blue
- Once all comments are marked as "seen" / acknowledged the button returns to its default state
- Deployed online
- A unseen comment count bubble/icon
- Simple and elegant animation
- Blue - #02b7e2
- Dark Grey - #404041
- Light Grey - #8c8c8e
- Line Colour - #d8d9d9