feat(ENG-10767): filter integrations#7
Conversation
There was a problem hiding this comment.
Pull Request Overview
This PR implements search and category filtering functionality for the integration picker module. The changes enhance the user experience by allowing users to search for specific integrations by name and filter by category type.
Key changes:
- Added search input and category filter pill buttons to the integration list
- Refactored the CardFooter component to use
showActionsprop instead ofisLoading - Added a
resetConnectionStatefunction to clear connection state when navigating back
Reviewed Changes
Copilot reviewed 5 out of 5 changed files in this pull request and generated 3 comments.
Show a summary per file
| File | Description |
|---|---|
src/modules/integration-picker/hooks/useIntegrationPicker.ts |
Added resetConnectionState callback function to reset connection state |
src/modules/integration-picker/components/cardFooter.tsx |
Refactored prop from isLoading to showActions and adjusted padding |
src/modules/integration-picker/components/IntegrationList.tsx |
Added search input, category filters, and conditional rendering for empty states |
src/modules/integration-picker/components/IntegrationFields.tsx |
Added padding wrapper and fixed indentation |
src/modules/integration-picker/IntegrationPicker.tsx |
Updated to use new CardFooter props and resetConnectionState function |
Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.
You can also share your feedback on Copilot code review for a chance to win a $100 gift card. Take the survey.
There was a problem hiding this comment.
cubic analysis
No issues found across 5 files. Review in cubic
Linked issue analysis
Linked issue: ENG-10767: Search & filter
| Status | Acceptance criteria | Notes |
|---|---|---|
| ✅ | Add search in the new hub | Search input and filtering logic added in IntegrationList.tsx |
| ✅ | Category filter using pill buttons | Category pills filter added with toggle logic in IntegrationList.tsx |
| ✅ | Updated UI to show filtered results and empty states | UI shows filtered integrations and 'No integrations found' message |
| ✅ | Reset connection state on back actions | resetConnectionState called on back button in IntegrationPicker.tsx |
|
Missing a package version bump |
|
Package version bumped |
Proceeded by https://github.com/StackOneHQ/malachite/pull/8
Implements integration search and category filters
Screen.Recording.2025-08-13.at.17.27.51.mov
Summary by cubic
Added search and category filters to the integration picker, making it easier to find and select integrations in the hub as required by ENG-10767.