Begin of the insertion**As**End of the insertion Begin of the deletion **s**End of the deletion a project member
**I want to** filter my notifications by project and to see the number of notifications by project
**so that** I have fewer context switches when working through my notifications.

**Acceptance criteria**

* Add a left sidebar to the notification Begin of the insertioncentre.End of the insertion Begin of the deletion center.End of the deletion
* Begin of the insertionThe first four fixed menuEnd of the insertion Begin of the deletion MenuEnd of the deletion items Begin of the insertion(which will be described in another work package) are followed byEnd of the insertion Begin of the deletion representEnd of the deletion a Begin of the insertiondynamicEnd of the insertion list of Begin of the insertionprojectEnd of the insertion Begin of the deletion all projectsEnd of the deletion with Begin of the insertionthe the title “Projects”. End of the insertion Begin of the deletion unread notifications.End of the deletion
* Begin of the deletion The the first menu item is "All projects".End of the deletion This Begin of the insertionlist will displayEnd of the insertion Begin of the deletion lists unread notifications forEnd of the deletion all Begin of the insertionprojectsEnd of the insertion Begin of the deletion projects.
* Indicate the number of unread notificationsEnd of the deletion for Begin of the insertionwhich there are unread notifications, in alphabetical order. EachEnd of the insertion Begin of the deletion eachEnd of the deletion project Begin of the insertionname will haveEnd of the insertion Begin of the deletion that has them withEnd of the deletion a badge Begin of the deletion on the right-hand sideEnd of the deletion with the number of unread Begin of the insertionnotifications for that project. End of the insertion Begin of the deletion notifications.End of the deletion
* Begin of the insertionIf all notificationsEnd of the insertion Begin of the deletion The projects are listed in alphabetical order. There is no indicationEnd of the deletion for Begin of the insertiona project are read,End of the insertion Begin of the deletion hierarchies (for now). So it can be the caseEnd of the deletion that Begin of the insertionmenu item will disappear. End of the insertion Begin of the deletion two projects have the same name. In this case the user might click on the wrong project.End of the deletion
* Begin of the insertionIfEnd of the insertion Begin of the deletion OnceEnd of the deletion the Begin of the insertionproject isEnd of the insertion Begin of the deletion number of notification forEnd of the deletion a Begin of the insertionsub-project, this will be indicated with ellipses (…) before the name of theEnd of the insertion project Begin of the insertionso thatEnd of the insertion Begin of the deletion has changedEnd of the deletion the Begin of the insertionuser understands that itEnd of the insertion Begin of the deletion numberEnd of the deletion is Begin of the insertionnot a top-level project.



End of the insertion Begin of the deletion updated in the sidebar.

End of the deletion <figure class="image op-uc-figure"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/21952/content"></div></figure>

**Out of scope for this work package**

* Implementing the first four menu items shown in the visual. Begin of the insertion

End of the insertion Begin of the deletion



End of the deletion **Visuals**

https://www.figma.com/file/54psSIYZuUgcyXrpGxHB1Z/UX-Wireframes?node-id=47%3A2