feat: Add search and filter options to Customers page#72
Conversation
✅ Deploy Preview for codebrosplatform ready!
To edit notification comments on pull requests, go to your Netlify project configuration. |
|
@Altair-05 Please merge my PR |
@TheAnushree25 could u plz attach images and working vdo of chnages u made |
|
@Altair-05 |
|
i want working vdo @TheAnushree25 |
localhost_5181_customers.-.Google.Chrome.2025-09-12.15-39-57.mp4ma'am this is the working video .....please merge my PR |
|
@TheAnushree25 it will be reviewed and merged once it's ready. |
|
@Altair-05 is there any issue?? |
|
@Altair-05 please tell |
|
@Altair-05 ma'am please merge it .....it took a lot of efforts to resolve the issue.......... |
Altair-05
left a comment
Altair-05
left a comment
There was a problem hiding this comment.
The PR deletes all network page UI, which is unrelated and a breaking change for another feature.
There was a problem hiding this comment.
Duplicates customer data logic
Uses hardcoded assets and array instead of a shared data source, which may cause future inconsistency.
There was a problem hiding this comment.
This file is never actually imported or used in customers.jsx hence dead code. If left unused, it is unnecessary/confusing.
There was a problem hiding this comment.
Also never imported/used. Duplicates the intent of customersData.jsx and the array in customers.jsx. This is now a third separate definition of customers, creating confusion.
There was a problem hiding this comment.
The main UI rendering for filters and developer grid is replaced with a placeholder comment {/* Your existing JSX for network page here */}. This removes all actual UI for the Network page, which is a breaking change. This is a critical regression and not related to the Customers feature.
2 participants
🔍 Problem
The Customers page previously displayed all customer logos in one grid, with no search or filter options. As the customer list grew, navigation became harder and inefficient.
💡 Solution
🔎 Search Bar – quickly find customers by name.
🏷️ Category/Industry Filters – narrow down results by category.
📦 Refactored Data – moved customer data into a JSON/array structure for easier filtering and future scalability.
🛠️ Implementation
Created a structured customersData array with { id, name, category, logo }.
Added real-time search functionality using useState and controlled input.
Added filter dropdown to select categories/industries.
Updated UI grid to show only matching customers.
✅ Testing
Searched by customer name → results update instantly.
Selected a category → only relevant customers appear.
Combined search + filter → works as expected.
Checked edge cases (empty search, no matches).