ClientProject #2948
Updated by Nazmul Hossain Shovon 8 months ago
**Summary of Key Changes**
Responsive Filter UI:
* Added a new responsive filter search component (FilterSearch) with a grid of comboboxes and a filter toggle button.
* The filter supports expanding/collapsing to show more/less options, and adapts to screen size (2 columns on mobile, 4 on desktop).
New UI Components:
* Added Combobox (select with search), FilterCheck (checkbox), and FilterDropdown (dropdown placeholder) components under filter-search.
* Added a custom FilterIcon SVG and exported it in the icons index.
UI Library Integration:
* Integrated Radix UI's @radix-ui/react-dialog and @radix-ui/react-popover for popover/dialog functionality.
* Added cmdk for command palette/combobox UI.
* Created utility wrappers for command, dialog, and popover components in ui.
Dependencies:
* Updated package.json and pnpm-lock.yaml to include new dependencies: @radix-ui/react-dialog, @radix-ui/react-popover, cmdk, class-variance-authority, and others.
Routing:
* Added a new page at /filter that renders the new FilterSearch component.
Miscellaneous:
* Added a components.json config for UI library settings and aliases.