Skip to content

feat: enhance search bar with debounced autocomplete and term highlighting#122

Merged
Abd-Standard merged 3 commits into
Core-Foundry:mainfrom
miss-yusrah:feat/notification
Jun 21, 2026
Merged

feat: enhance search bar with debounced autocomplete and term highlighting#122
Abd-Standard merged 3 commits into
Core-Foundry:mainfrom
miss-yusrah:feat/notification

Conversation

@miss-yusrah

Copy link
Copy Markdown
Contributor

closes #80

Description

Enhances the search experience by displaying relevant suggestions dynamically as users type into the notification search bar.

Changes Made

  • Debounced User Input: Implemented a new useDebounce hook to optimize input handling and drastically reduce unnecessary search cycles.
  • Asynchronous Suggestions: Introduced a SearchAutocomplete component that dynamically fetches event suggestions asynchronously (preventing UI blocking or freezing).
  • Match Highlighting: Added a textual highlighting utility highlighting the exact substring or part of the search string that triggered the match dynamically in the respective suggestion result.
  • Graceful Empty States: The suggestions dropdown gracefully handles fetching states and displays a "No suggestions found" message for queries returning no results.
  • Integration: Replaced the legacy text <input> in EventFiltersBar.tsx with the completed autocomplete component safely tracking the global store queries.

Acceptance Criteria Covered

  • ✅ Suggestions appear with minimal delay.
  • ✅ Search requests are optimized (debounced input stream).
  • ✅ Empty states display correctly.
  • ✅ Matches highlight terms actively.

All tests, linting tools, and CI build scripts passed locally.

@Abd-Standard Abd-Standard merged commit db03582 into Core-Foundry:main Jun 21, 2026
2 checks passed
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.

[Frontend] Implement Notification Search Suggestions

2 participants