search

codeforpdx / PASS

PASS project - with HMIS module integration
MIT License
26 stars 25 forks source link

Add badge for unread messages #437

Closed rioredwards closed 9 months ago

rioredwards commented 9 months ago

CONCISE description of PR (PR Title)

Add a badge for the inbox icon in the navbar that displays when the user has unread messages (mobile & desktop).

This PR:

Resolves #427 (https://github.com/codeforpdx/PASS/issues/427)

The files this PR effects:

Components

NavMenu.jsx (Mobile) NavbarDesktop.jsx (Desktop)

Other Files

MessageContext.jsx

Screenshots (if applicable):

Add any screenshots/videos here.

Code-for-PDX-Screenshot-Message-Notifications-(Desktop) Code-for-PDX-Screenshot-Message-Notifications-(Mobile)

Future Steps/PRs Needed to Finish This Work (optional):

Small addition: An indicator for unread emails could also be displayed in the "inbox" tab within the /messages page. This tab could just display the number of unread emails in parentheses. This is how Gmail does it as pictured in the following screenshot:

Code-for-PDX-Screenshot-Gmail-Example

This would be a very simple addition and I would be happy to implement it, if needed!

leekahung commented 9 months ago

There seems to be some failed checks before merger happened. If it's just the lint, think someone could open a PR to fix it.