xpltdco/chrysopedia
2
0
Fork 0
Code Issues 2 Pull requests Projects Releases Packages Wiki Activity Actions

feat: Change global search shortcut from Cmd+K to Ctrl+Shift+F

Browse source
This commit is contained in:
jlightner 2026-03-31 17:33:09 +00:00
parent 44f2fbd4d6
commit 11f7ca4fbf
2 changed files with 5 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
frontend/src/App.tsx
View file

@ -67,7 +67,7 @@ export default function App() {
<SearchAutocomplete
variant="nav"
globalShortcut
placeholder="Search… ⌘K"
placeholder="Search… Ctrl+⇧F"
onSearch={(q) => navigate(`/search?q=${encodeURIComponent(q)}`)}
/>
)}

8
frontend/src/components/SearchAutocomplete.tsx
View file

@ -24,7 +24,7 @@ interface SearchAutocompleteProps {
variant?: 'hero' | 'inline' | 'nav';
initialQuery?: string;
autoFocus?: boolean;
/** When true, Cmd+K / Ctrl+K focuses the input globally */
/** When true, Ctrl+Shift+F focuses the input globally */
globalShortcut?: boolean;
}
@ -72,11 +72,11 @@ export default function SearchAutocomplete({
if (autoFocus) inputRef.current?.focus();
}, [autoFocus]);
// Global Cmd+K / Ctrl+K shortcut to focus input
// Global Ctrl+Shift+F shortcut to focus input
useEffect(() => {
if (!globalShortcut) return;
function handleGlobalKey(e: KeyboardEvent) {
if (e.key === "k" && (e.metaKey || e.ctrlKey)) {
if (e.key === "F" && e.ctrlKey && e.shiftKey) {
e.preventDefault();
inputRef.current?.focus();
}
@ -188,7 +188,7 @@ export default function SearchAutocomplete({
</button>
)}
{variant === 'nav' && (
<kbd className="search-nav__shortcut">⌘K</kbd>
<kbd className="search-nav__shortcut">Ctrl⇧F</kbd>
)}
</form>