Project

General

Profile

Actions
Copy link

ClientProject #2948

open

ClientProject #2748: Issue : Full Layout Implementation for Mobile, Tablet, and Desktop Responsiveness

ClientProject #2751: [FE]: Common components

ClientProject #2753: [FE] Filter section

[FE] Ui design

Added by Nazmul Hossain Shovon 8 months ago. Updated 8 months ago.

Status:
Complete
Priority:
High
Assignee:
Nazmul Hossain Shovon
Target version:
Revamp.v1.1: sprint 02
Start date:
08/20/2025
Due date:
08/20/2025 (about 8 months late)
% Done:

100%

Estimated time:
4:00 h
Spent time:
10:30 h

Description

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.

Miscellaneous:

  • Added a components.json config for UI library settings and aliases.
Actions
Copy link

Also available in: Atom PDF