I implemented sidebar hierarchy and styled the search bar based on Ian's filtering settings Figma. All of one extension's setting groups are on the same page in shadcn Cards based on the Combined Settings - v0.
I added support for receiving a project id and only showing settings for that project.
Other misc changes:
Updated localized strings
Created a SettingsSidebarContentSearch component, that is similar to the TabNavigationContentSearch component we were using previously, except it uses a Shadcn Sidebar for navigation, and has updated styling. I did not remove the previous component in case that tab navigation is useful somewhere else.
Created the SettingsSidebar component with extension list and project ComboBox.
Added a second className prop to ComboBox - I needed to add a style to the Popover inside of the ComboBox, but the className only applied to the trigger, so I added a popoverClassName and buttonClassName. And updated the uses.
I added a className prop to the SearchBar
I added a basic Sidebar Example to the preview
I removed the second settings tab, so there is only one tab rendering settings with an optional projectId passed in.
Per the confusion around setting language, I removed the word "User" in these settings components, I replaced it with "Other", which should probably change but I couldn't decide what else to call them.
Changed the CheckBox to Switch in settings
Removed settings descriptions because they weren't in the mockup
This PR satisfies #1213
I implemented sidebar hierarchy and styled the search bar based on Ian's filtering settings Figma. All of one extension's setting groups are on the same page in shadcn
Cards based on the Combined Settings - v0.I added support for receiving a project id and only showing settings for that project.
Other misc changes:
SettingsSidebarContentSearchcomponent, that is similar to theTabNavigationContentSearchcomponent we were using previously, except it uses a ShadcnSidebarfor navigation, and has updated styling. I did not remove the previous component in case that tab navigation is useful somewhere else.SettingsSidebarcomponent with extension list and projectComboBox.ComboBox- I needed to add a style to thePopoverinside of theComboBox, but the className only applied to the trigger, so I added apopoverClassNameandbuttonClassName. And updated the uses.SearchBarCheckBoxtoSwitchin settingsThis change is