Description
A red circle with a number in it, next to the News hyperlink, tells you how many new news posts you haven't read yet!
Benefit: People wouldn't have to feel like they have to regularly check the News page to see if there has been any updates.
Overview of how to add:
-
Create a column in the members table that stores the date of the latest news post you read. The default value will be the date of the latest news post.
-
Add code on the server-side when you request the News page, to update the latest read news post for the user that requested the page!
-
Add an API route on the server that will tell you how many news posts you haven't read, based off of the date of the last news post you read.
-
Add a new script to the multi-page header code that, upon page load, uses that API route above to ask the server how many news posts we haven't read.
-
Take that number and create the red circle element that renders in the document next to the News hyperlink.
-
When we click the news page when we see it has notifications, each unread news post also has a red bubble at the top that says "NEW".