Skip to content

Conversation

@ShivaGupta-14
Copy link
Contributor

This commit implements the complete feature request to enable users to filter tasks by multiple Projects, Statuses, and Tags simultaneously, significantly improving task management visibility and control.

  • Refactored core task state and filtering logic in Tasks.tsx to support array-based filter selections.
  • Integrated the new MultiSelectFilter component into the desktop (large screen) task header.
  • Redesigned the mobile BottomBar to include a unified Popover containing all MultiSelectFilters.
  • Added required shadcn/ui components: popover, command.
  • Updated associated unit tests (Tasks.test.tsx, BottomBar.test.tsx, etc.) to validate the new multi-select component architecture and prop handling.

Description

Checklist

  • Ran npx prettier --write . (for formatting)
  • Ran gofmt -w . (for Go backend)
  • Ran npm test (for JS/TS testing)
  • Added unit tests, if applicable
  • Verified all tests pass
  • Updated documentation, if needed

Additional Notes

  • Clicking "All" resets that particular filter, clearing all selected options.
  • Each selected option now displays a checkmark to clearly indicate its active state.

Screenshots (Desktop)

Screenshot 2025-11-05 at 6 13 55 PM

Screenshots (Mobile BottomBar)

The BottomBar now houses a single unified filter containing all three filter groups - Projects, Statuses, and Tags, displayed in an organized, user-friendly layout to prevent visual clutter.

Screenshot 2025-11-05 at 6 12 16 PM Screenshot 2025-11-05 at 6 12 37 PM Screenshot 2025-11-05 at 6 12 45 PM Screenshot 2025-11-05 at 6 12 09 PM

This commit implements the full feature request to allow users to filter tasks by multiple Projects, Statuses, and Tags simultaneously, greatly enhancing task management visibility.

Key Changes:

- Refactored core task state and filtering logic in Tasks.tsx to handle array-based filter selections.
- Integrated the new MultiSelectFilter component into the desktop (large screen) task header.
- Revamped the mobile BottomBar to use a single Popover housing the MultiSelectFilters.
- Added necessary shadcn/ui components: popover, command.
- Updated all associated unit tests (Tasks.test.tsx, BottomBar.test.tsx, etc.) to validate the new multi-select component architecture and filter props.
@ShivaGupta-14
Copy link
Contributor Author

@its-me-abhishek
I’ve tested the solution, and it’s working as expected. I’ve implemented it following the approach you suggested, using the multi-checkbox method, and incorporated all your previous feedback.
I’m open to any further feedback or suggestions you might have.

@its-me-abhishek its-me-abhishek merged commit 7fbfc96 into CCExtractor:main Nov 6, 2025
4 checks passed
@ShivaGupta-14 ShivaGupta-14 deleted the feat/131-multi-select-filters branch November 6, 2025 04:49
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Checkbox-Based Filters (Multi-Select Support) on Desktop and Mobile

2 participants