Page MenuHomePhabricator

[web] introduce panel header component
ClosedPublic

Authored by ginsu on Jan 11 2024, 9:31 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 31 2024, 8:24 PM
Unknown Object (File)
Oct 30 2024, 3:23 PM
Unknown Object (File)
Oct 29 2024, 11:45 AM
Unknown Object (File)
Oct 28 2024, 2:58 PM
Subscribers

Details

Summary

As I have been working on the redesign and have been converting our ui to utilize the new Panel component, I noticed that a lot of the headers followed a similar ui pattern. Rather than have this pattern be copied and pasted a bunch, I created this PanelHeader component that can be used to factor and abstract that logic out. The pattern I was noticing with the panel headers was that many panel headers either would just have the label, or they would have an optional add button.

Screenshot 2024-01-11 at 12.33.21 PM.png (214×1 px, 17 KB)

Screenshot 2024-01-11 at 12.33.52 PM.png (230×1 px, 20 KB)

Screenshot 2024-01-11 at 12.32.56 PM.png (332×752 px, 21 KB)

Screenshot 2024-01-11 at 12.33.30 PM.png (172×372 px, 10 KB)

Screenshot 2024-01-11 at 12.33.09 PM.png (154×1 px, 12 KB)

Test Plan

flow + confirmed that there were no regressions with the app list header

Diff Detail

Repository
rCOMM Comm
Lint
Lint Not Applicable
Unit
Tests Not Applicable

Event Timeline

ginsu requested review of this revision.Jan 11 2024, 9:55 AM
This revision is now accepted and ready to land.Jan 12 2024, 12:27 PM
This revision was automatically updated to reflect the committed changes.