**As** 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 Begin of the insertionleftEnd of the insertion sidebar to the notification center.
* Begin of the insertionMenu items represent a list of all projects to whichEnd of the insertion Begin of the deletion There are menu items/project filters inEnd of the deletion the Begin of the insertionuser belongs.End of the insertion Begin of the deletion sidebar.End of the deletion
* The Begin of the insertionthe firstEnd of the insertion menu Begin of the insertionitemEnd of the insertion Begin of the deletion item/project filterEnd of the deletion is "All projects". Begin of the insertionThis lists notifications for all projects.End of the insertion Begin of the deletion Clicking this removes the filter on a specific project.End of the deletion
* Begin of the insertionTheEnd of the insertion Begin of the deletion Show onlyEnd of the deletion projects Begin of the insertionare listed in alphabetical order.
* If a project has sub-projects, do not show the children if the top-level (parent) project has noEnd of the insertion Begin of the deletion with unreadEnd of the deletion notifications. Begin of the insertion
* If a sub-project has notifications, automatically expand the top-level project to show the hierarchy.
* End of the insertion Indicate the number of unread notifications Begin of the insertionfor each project that has themEnd of the insertion with a Begin of the insertionbadgeEnd of the insertion Begin of the deletion iconEnd of the deletion on the Begin of the insertionright-hand side with the number of unread notifications.
* For sub-projects, the badge should be of a different colour (only with a stroke instead of fill, see attached wireframe).End of the insertion Begin of the deletion right.End of the deletion

**Visuals**

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