Page MenuHomePhabricator

[web] update add users list item ui
ClosedPublic

Authored by ginsu on Jan 18 2024, 12:18 PM.
Tags
None
Referenced Files
Unknown Object (File)
Thu, Oct 31, 8:59 AM
Unknown Object (File)
Thu, Oct 31, 8:59 AM
Unknown Object (File)
Thu, Oct 31, 8:59 AM
Unknown Object (File)
Thu, Oct 31, 8:59 AM
Unknown Object (File)
Thu, Oct 31, 8:59 AM
Unknown Object (File)
Thu, Oct 31, 8:59 AM
Unknown Object (File)
Thu, Oct 31, 8:59 AM
Unknown Object (File)
Oct 16 2024, 5:10 PM
Subscribers

Details

Summary

PLEASE NOTE THAT THIS DIFF AND SUBSEQUENT DIFFS IN THIS STACK WILL NOT BE LANDED UNTIL MORE OF THE REDESIGN IS READY SINCE THIS WILL CAUSE REGRESSIONS IN PROD

The add users modal is getting a brand new ui + ux. This diff updates the add users list item ui to match the new checkbox ui/ux.

For context here is what the new add users modal looks like:

Screenshot 2024-01-18 at 2.58.18 PM.png (1×788 px, 130 KB)

Linear task: https://linear.app/comm/issue/ENG-5957/update-the-ui-of-add-friends-modal

Depends on D10719

Test Plan

Please see the screenshot below

Screenshot 2024-01-18 at 4.00.51 PM.png (3×5 px, 1 MB)

Diff Detail

Repository
rCOMM Comm
Lint
No Lint Coverage
Unit
No Test Coverage

Event Timeline

web/settings/relationship/add-users-list.react.js
157

A subsequent diff will handle fixing this, will tag the diff when it is in review.

I didn't include it in this diff, because I didn't want to make this diff more difficult to review + blow up the scope for this diff

web/theme.css
465
web/settings/relationship/add-users-list.react.js
157
atul added inline comments.
web/settings/relationship/add-users-list.react.js
157

I don't know if we really have a convention for TODOs in the codebase (other than trying to avoid them), but might be good to do something like

TODO (ginsu): More descriptive comment about what needs to be fixed.
This revision is now accepted and ready to land.Jan 22 2024, 9:26 AM
This revision was landed with ongoing or failed builds.Feb 15 2024, 1:18 AM
This revision was automatically updated to reflect the committed changes.