HomePhabricator
Diffusion Comm 9fbb79c84a15

[web] introduce unread badge component

Description

[web] introduce unread badge component

Summary:
This diff introduces a new unread badge component. Our previous unread badge component was built inline; however, since the unread badge will be used in several places in the new web app redesign I wanted to create a simple component that we can use anywhere.

Here's a screenshot showing the unread badge component in the figma:

Screenshot 2023-12-15 at 8.50.30 PM.png (1×3 px, 836 KB)

Screenshot 2023-12-18 at 4.03.05 PM.png (2×422 px, 263 KB)

Screenshot 2023-12-18 at 4.02.58 PM.png (670×618 px, 110 KB)

Screenshot 2023-12-18 at 4.03.16 PM.png (578×1 px, 105 KB)

Linear task: https://linear.app/comm/issue/ENG-5951/introduce-a-new-unread-badge

Depends on D10364

Test Plan:
Please see the screenshot below (the 99+ is just dummy data to test if I have more than 99 unreads then the unread badge would say 99+)

Screenshot 2023-12-18 at 4.06.35 PM.png (824×376 px, 45 KB)

Reviewers: atul, rohan, kamil

Reviewed By: rohan

Subscribers: ashoat, tomek

Differential Revision: https://phab.comm.dev/D10390

Details

Provenance
ginsuAuthored on Dec 18 2023, 12:54 PM
Reviewer
rohan
Differential Revision
D10390: [web] introduce unread badge component
Parents
rCOMM963e77822c17: [web] introduce navigation sidebar
Branches
Unknown
Tags
Unknown