Skip to content

Neeraj Implement Inventory Search Functionality#5318

Open
Neeraj-Kondaveeti wants to merge 1 commit into
developmentfrom
Neeraj_Kitchen_Inventory_Search_Funtionality
Open

Neeraj Implement Inventory Search Functionality#5318
Neeraj-Kondaveeti wants to merge 1 commit into
developmentfrom
Neeraj_Kitchen_Inventory_Search_Funtionality

Conversation

@Neeraj-Kondaveeti
Copy link
Copy Markdown
Contributor

@Neeraj-Kondaveeti Neeraj-Kondaveeti commented Jun 2, 2026

Description

image

Related PRS (if any):

This frontend PR is related to the Development Backend PR.

Main changes explained:

  • Updated KIInventory.jsx to add a reusable filterItems() helper for inventory item filtering.
  • Enhanced inventory search functionality to perform case-insensitive item name matching within the currently selected inventory category.
  • Added search reset behavior when switching between inventory tabs.
  • Updated the preserved stock notification logic to hide the notification banner during active searches, improving search result visibility.
  • Added new CSS styling for the no-results state, including dark mode support.

How to test:

  1. check into current branch
  2. do npm install and ... to run this PR locally
  3. Clear site data/cache
  4. log as admin user
  5. Navigate to: http://localhost:5173/kitchenandinventory/inventory
  6. Enter a valid inventory item name in the search bar and verify matching items are displayed.
  7. Verify search is case-insensitive (e.g., search using lowercase and uppercase variations of the same item name).
  8. Enter a non-existent item name and verify the "No results found" message is displayed.
  9. Verify the Preserved Stock notification banner is hidden while a search term is active and reappears when the search is cleared.
  10. Verify inventory items continue to render correctly after clearing the search.

Screenshots or videos of changes:

image image image

Note:

N/A

@netlify
Copy link
Copy Markdown

netlify Bot commented Jun 2, 2026

Deploy Preview for highestgoodnetwork-dev ready!

Name Link
🔨 Latest commit addf938
🔍 Latest deploy log https://app.netlify.com/projects/highestgoodnetwork-dev/deploys/6a1f4761c205960008ca08ae
😎 Deploy Preview https://deploy-preview-5318--highestgoodnetwork-dev.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
🤖 Make changes Run an agent on this branch

To edit notification comments on pull requests, go to your Netlify project configuration.

@sonarqubecloud
Copy link
Copy Markdown

sonarqubecloud Bot commented Jun 2, 2026

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.

1 participant