feat(platform): add search functionality to integrations page #1184

Dark-Kernel · 2025-10-03T17:51:57Z

User description

Description

Add real-time search input for filtering integrations by type in the create integrations window
Implement case-insensitive search with performance optimization using useMemo
Add user-friendly placeholder text and no results feedback message

Changes

Search Input: Added controlled search input with placeholder "Search integrations by type (e.g., disc for Discord)..."
Filtering Logic: Implemented real-time filtering of integrations based on search term

Fixes #1183

Screenshots of relevant screens

Developer's checklist

My PR follows the style guidelines of this project
I have performed a self-check on my work

If changes are made in the code:

I have followed the coding guidelines
My changes in code generate no new warnings
My changes are breaking another fix/feature of the project
I have added test cases to show that my feature works
I have added relevant screenshots in my PR
There are no UI/UX issues

Documentation Update

This PR requires an update to the documentation at docs.keyshade.xyz
I have made the necessary updates to the documentation, or no documentation changes are required.

PR Type

Enhancement

Description

Add real-time search functionality to integrations page
Implement case-insensitive filtering with performance optimization
Add user-friendly placeholder text and no results message
Filter integrations by name based on search input

Diagram Walkthrough

flowchart LR
  A["Search Input"] --> B["Filter Logic"]
  B --> C["Filtered Results"]
  C --> D["Display Grid"]
  C --> E["No Results Message"]

File Walkthrough

Relevant files

Enhancement

index.tsx `Add search input and filtering logic` apps/platform/src/components/integrations/integrationServices/index.tsx Add search state management with `useState` hook Implement filtered integrations using `useMemo` for performance Add search input component with placeholder text Display "no results" message when search yields empty results	+34/-3

codiumai-pr-agent-free · 2025-10-03T17:52:21Z

PR Compliance Guide 🔍

Below is a summary of compliance checks for this PR:

Security Compliance

🟢

No security concerns identified

No security vulnerabilities detected by AI analysis. Human verification advised for critical code.

Ticket Compliance

🟢

🎫 #1183

🟢	Add search functionality to filter integrations by type name in the create integrations window
	Enable users to search for integrations (e.g., typing "disc" should filter out "Discord")

Codebase Duplication Compliance

⚪

Codebase context is not defined

Follow the guide to enable codebase context checks.

Custom Compliance

⚪

No custom compliance provided

Follow the guide to enable custom compliance check.

Update

Compliance status legend

🟢 - Fully Compliant
🟡 - Partial Compliant
🔴 - Not Compliant
⚪ - Requires Further Human Verification
🏷️ - Compliance label

codiumai-pr-agent-free · 2025-10-03T17:53:20Z

PR Code Suggestions ✨

Explore these optional code suggestions:

Category	Suggestion	Impact
General	Optimize search filtering for performance Optimize the search filtering logic by trimming and lowercasing the search term once before the filter loop to improve efficiency. apps/platform/src/components/integrations/integrationServices/index.tsx [21-28] const filteredIntegrations = useMemo(() => { - if (!searchTerm.trim()) { + const trimmedSearchTerm = searchTerm.trim() + if (!trimmedSearchTerm) { return integrations } + const lowercasedSearchTerm = trimmedSearchTerm.toLowerCase() return integrations.filter((integration) => - integration.name.toLowerCase().includes(searchTerm.toLowerCase()) + integration.name.toLowerCase().includes(lowercasedSearchTerm) ) }, [integrations, searchTerm]) Apply / Chat Suggestion importance[1-10]: 4 __ Why: The suggestion correctly identifies a minor inefficiency and proposes a cleaner, more performant solution by calculating the lowercased search term once outside the loop.	Low
Update

rajdip-b · 2025-10-04T06:33:11Z

Hey @Dark-Kernel, thanks for the PR. I need to take this design up with our designer to finalize it.

rajdip-b

Changes for metrics service have been included in this pr. can you please remove them? I'll merge it

github-actions · 2025-10-19T15:17:18Z

@Dark-Kernel, please resolve all open reviews!

github-actions · 2025-10-19T16:21:54Z

@Dark-Kernel, please resolve all open reviews; otherwise this PR will be closed after Fri Oct 10 2025 17:51:57 GMT+0000 (Coordinated Universal Time)!

Dark-Kernel · 2025-10-19T17:28:49Z

@rajdip-b please check.

## [2.41.0-stage.2](v2.41.0-stage.1...v2.41.0-stage.2) (2025-10-20) ### 🚀 Features * **platform:** add search functionality to integrations page ([#1184](#1184)) ([83b0374](83b0374))

rajdip-b · 2025-10-20T04:31:05Z

🎉 This PR is included in version 2.41.0-stage.2 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀

## [2.41.0](v2.40.0...v2.41.0) (2025-10-23) ### 🚀 Features * **cli:** ability to manage pat ([#1213](#1213)) ([0473463](0473463)) * **cli:** add `keyshade reset` command to wipe local profiles ([#1206](#1206)) ([229557a](229557a)) * **cli:** improved keyshade import flow ([#1219](#1219)) ([5affb52](5affb52)) * **platform:** add search functionality to integrations page ([#1184](#1184)) ([83b0374](83b0374)) ### 🐛 Bug Fixes * resolve hero image overlap with [secure] section text ([#1161](#1161)) ([3b1d4b6](3b1d4b6)) ### 📚 Documentation * add new internals pages for [secure], variable and env creation + cli docs for [secure] and variables ([#1208](#1208)) ([2bd595d](2bd595d)) * revamp getting started ([#1221](#1221)) ([e683fd6](e683fd6)) * Update image link in README.md ([adf7761](adf7761)) ### 🔧 Miscellaneous Chores * **cli:** bump CLI to v3.6.0 ([267469a](267469a)) * **release:** 2.36.0-stage.2 [skip ci] ([14aedf9](14aedf9)) * **release:** 2.40.1-stage.1 [skip ci] ([f0c296d](f0c296d)) * **release:** 2.41.0-stage.1 [skip ci] ([59fdbe3](59fdbe3)) * **release:** 2.41.0-stage.2 [skip ci] ([4d5ee50](4d5ee50)) * **release:** 2.41.0-stage.3 [skip ci] ([f2ca012](f2ca012)) * **release:** 2.41.0-stage.4 [skip ci] ([7a4e1fb](7a4e1fb))

rajdip-b · 2025-10-23T15:54:12Z

🎉 This PR is included in version 2.41.0 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀

feat(platform): add search functionality to integrations page

f9c4f4d

Dark-Kernel requested a review from kriptonian1 as a code owner October 3, 2025 17:51

codiumai-pr-agent-free bot added the Review effort 2/5 label Oct 3, 2025

Dark-Kernel requested a review from rajdip-b as a code owner October 12, 2025 08:39

rajdip-b requested changes Oct 19, 2025

View reviewed changes

Dark-Kernel force-pushed the develop branch from db9aa90 to f9c4f4d Compare October 19, 2025 17:27

rajdip-b approved these changes Oct 20, 2025

View reviewed changes

Merge branch 'develop' into develop

b9f0c7d

rajdip-b merged commit 83b0374 into keyshade-xyz:develop Oct 20, 2025
4 checks passed

rajdip-b added the released on @develop label Oct 20, 2025

rajdip-b added the released label Oct 23, 2025

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Uh oh!

feat(platform): add search functionality to integrations page #1184

feat(platform): add search functionality to integrations page #1184

Uh oh!

Dark-Kernel commented Oct 3, 2025 •

edited by codiumai-pr-agent-free bot

Loading

Uh oh!

codiumai-pr-agent-free bot commented Oct 3, 2025 •

edited

Loading

Uh oh!

codiumai-pr-agent-free bot commented Oct 3, 2025 •

edited

Loading

Uh oh!

rajdip-b commented Oct 4, 2025

Uh oh!

rajdip-b left a comment

Uh oh!

github-actions bot commented Oct 19, 2025

Uh oh!

github-actions bot commented Oct 19, 2025

Uh oh!

Dark-Kernel commented Oct 19, 2025

Uh oh!

Uh oh!

rajdip-b commented Oct 20, 2025

Uh oh!

rajdip-b commented Oct 23, 2025

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

Uh oh!

feat(platform): add search functionality to integrations page #1184

feat(platform): add search functionality to integrations page #1184

Uh oh!

Conversation

Dark-Kernel commented Oct 3, 2025 • edited by codiumai-pr-agent-free bot Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

User description

Description

Changes

Screenshots of relevant screens

Developer's checklist

Documentation Update

PR Type

Description

Diagram Walkthrough

File Walkthrough

Uh oh!

codiumai-pr-agent-free bot commented Oct 3, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

PR Compliance Guide 🔍

Uh oh!

codiumai-pr-agent-free bot commented Oct 3, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

PR Code Suggestions ✨

Uh oh!

rajdip-b commented Oct 4, 2025

Uh oh!

rajdip-b left a comment

Choose a reason for hiding this comment

Uh oh!

github-actions bot commented Oct 19, 2025

Uh oh!

github-actions bot commented Oct 19, 2025

Uh oh!

Dark-Kernel commented Oct 19, 2025

Uh oh!

Uh oh!

rajdip-b commented Oct 20, 2025

Uh oh!

rajdip-b commented Oct 23, 2025

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

Dark-Kernel commented Oct 3, 2025 •

edited by codiumai-pr-agent-free bot

Loading

codiumai-pr-agent-free bot commented Oct 3, 2025 •

edited

Loading

codiumai-pr-agent-free bot commented Oct 3, 2025 •

edited

Loading