Page MenuHomePhabricator

[web] introduce user settings list
ClosedPublic

Authored by ginsu on Jan 11 2024, 9:50 AM.
Tags
None
Referenced Files
Unknown Object (File)
Wed, Nov 13, 6:14 AM
Unknown Object (File)
Wed, Nov 13, 6:14 AM
Unknown Object (File)
Wed, Nov 13, 6:14 AM
Unknown Object (File)
Wed, Nov 13, 6:14 AM
Unknown Object (File)
Oct 22 2024, 4:57 PM
Unknown Object (File)
Oct 13 2024, 11:49 PM
Unknown Object (File)
Oct 13 2024, 11:49 PM
Unknown Object (File)
Oct 13 2024, 11:48 PM
Subscribers

Details

Summary

This diff introduces the user settings list component. This component will be used to switch between the various comm user settings.

For context here is what the figma designs look like:

Screenshot 2024-01-11 at 12.52.58 PM.png (1×360 px, 28 KB)

Linear task: https://linear.app/comm/issue/ENG-5952/settings-list-ui

Depends on D10611

Test Plan

Please see the screenshot below

Screenshot 2024-01-11 at 12.54.51 PM.png (1×440 px, 40 KB)

Diff Detail

Repository
rCOMM Comm
Lint
Lint Not Applicable
Unit
Tests Not Applicable

Event Timeline

ginsu edited the test plan for this revision. (Show Details)
ginsu added reviewers: atul, inka.
web/settings/user-settings-list.react.js
14 ↗(On Diff #35555)

Most of this logic is taken from SettingsSwitcher. I intentionally decided to not delete the code in SettingsSwitcher because I want to make sure that I can land this diff as is w/o worrying about creating regressions/breaking changes.

To make it easy to review tho, I will point out where the duplicated logic is.

https://linear.app/comm/issue/ENG-5963/remove-old-horizontal-app-list tracks removing the SettingsSwitcher

19–24 ↗(On Diff #35555)
26–31 ↗(On Diff #35555)
33–38 ↗(On Diff #35555)
40–52 ↗(On Diff #35555)
atul added inline comments.
web/settings/user-settings-list.react.js
14 ↗(On Diff #35555)

Thanks for including the Linear task!

This revision is now accepted and ready to land.Jan 12 2024, 1:20 PM
This revision was automatically updated to reflect the committed changes.