feat: Implement keyboard shortcuts and command palette#641
Open
Muhamadmust wants to merge 1 commit into
Open
Conversation
- Add useKeyboardShortcuts hook for global keyboard event listeners * Cmd+K / Ctrl+K: Open command palette * /: Focus search input * Escape: Close panels/clear focus * Cmd+1 / Ctrl+1: Switch to Transaction tab * Cmd+2 / Ctrl+2: Switch to Account tab * Cmd+H / Ctrl+H: Open history panel * Cmd+B / Ctrl+B: Open address book panel * Shortcuts disabled when focused in input/textarea/contenteditable - Create CommandPalette component with: * Centered modal with overlay * Fuzzy search filtering across history entries * Keyboard navigation (Arrow Up/Down, Enter, Escape) * Body scroll lock while open * Icons for transaction and account types - Create KeyboardShortcutHint badge component: * Desktop-only rendering (hidden on touch devices) * Displays keyboard key combinations * Responsive and styled to match theme - Create HistoryButton component with keyboard hint - Create AddressBookButton component with keyboard hint - Integrate / focus event in SearchBar component - Register keyboard shortcuts in AppShell component - Render CommandPalette at root level Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
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
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
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 useKeyboardShortcuts hook for global keyboard event listeners
Create CommandPalette component with:
Create KeyboardShortcutHint badge component:
Create HistoryButton component with keyboard hint
Create AddressBookButton component with keyboard hint
Integrate / focus event in SearchBar component
Register keyboard shortcuts in AppShell component
Render CommandPalette at root level
Closes UI — Add keyboard shortcuts and command palette (Cmd+K) #512