Implement event search for calendar feature #2533
Merged
+726
−66
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Add a fully functional event search bar to the calendar sidebar that allows users to search for events by title, description, location, or participants. Features: - Search input with debounced queries (300ms) to avoid excessive database calls - Dropdown suggestions showing matching events with calendar color indicators - Keyboard navigation (arrow keys, Enter to select, Escape to clear) - Event details display including title, date/time, and location - Results sorted by proximity to current date - Respects disabled calendars filter - Loading indicator during search The implementation follows the same patterns used by the thread/email search feature, leveraging the existing Event model's FTS5 search capability and the Menu component for the dropdown UI.
- Move EventSearchBar from calendar sidebar to toolbar location - Create focusCalendarEvent action for communication between search bar and calendar component - Update styling to match ThreadSearchBar design: - Fixed width toolbar appearance - Box-shadow border styling - Dropdown suggestions matching thread search style - Same clear button (searchclear.png) and search icon - EventSearchBar now gets disabled calendars from config directly - Calendar component listens to focusCalendarEvent action The search bar now appears in the same toolbar area as the email search bar, providing a consistent UX across the application.
- Add 'focused' class to search bar container when input is focused - Style the container with focus ring instead of the input element - Use accent-primary color for consistent focus ring appearance
Clear focusedEvent when clicking on other events in the calendar to prevent the search result event from remaining in a focused state and continuously re-opening the popover.
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Add a fully functional event search bar to the calendar sidebar that allows users to search for events by title, description, location, or participants.
Features:
The implementation follows the same patterns used by the thread/email search feature, leveraging the existing Event model's FTS5 search capability and the Menu component for the dropdown UI.