Page MenuHomePhabricator

[web] [feat] add unread dot
ClosedPublic

Authored by benschac on Feb 11 2022, 3:22 PM.
Tags
None
Referenced Files
Unknown Object (File)
Sat, Jun 22, 9:28 PM
Unknown Object (File)
Wed, Jun 19, 12:35 AM
Unknown Object (File)
Tue, Jun 18, 7:29 PM
Unknown Object (File)
Tue, Jun 18, 7:29 PM
Unknown Object (File)
Tue, Jun 18, 7:29 PM
Unknown Object (File)
Tue, Jun 18, 7:29 PM
Unknown Object (File)
Tue, Jun 18, 7:26 PM
Unknown Object (File)
Thu, Jun 13, 5:37 AM

Details

Summary

add unread dot per figma screen shot

Image 2022-02-11 at 6.21.38 PM.jpg (704×1 px, 89 KB)

Ignore title color, will fix in a follow up diff.

Test Plan

match figma

Diff Detail

Repository
rCOMM Comm
Lint
Lint Not Applicable
Unit
Tests Not Applicable

Event Timeline

The screenshot looks good! Minor nits inline

web/chat/chat-thread-list-item.react.js
82 ↗(On Diff #9589)

We can just do: let unreadDot;

Unless you wanted to be explicit about it for some reason?

84 ↗(On Diff #9589)

Can we do something like this?

137 ↗(On Diff #9589)

Does it make sense for the dotContainer to be inside the colorContainer? Might want to rename colorContainer to something more broad.

This revision is now accepted and ready to land.Feb 14 2022, 11:03 AM
This revision now requires review to proceed.Feb 14 2022, 11:03 AM
This revision is now accepted and ready to land.Feb 14 2022, 9:31 PM
web/chat/chat-thread-list-item.react.js
137 ↗(On Diff #9589)

I still think this is right.

It does. We need the container to keep its width while the unread dot isn't shown.

At some point this will change to avatar container.

This revision was landed with ongoing or failed builds.Feb 15 2022, 7:06 AM
This revision was automatically updated to reflect the committed changes.