GlobalShortcuts.tsx24 lines · main

1	import { useState } from 'react'
2	import { useSetCommandMenuOpen } from 'ui-patterns/CommandMenu'
3
4	import { ShortcutsReferenceSheet } from './ShortcutsReferenceSheet'
5	import { SHORTCUT_IDS } from '@/state/shortcuts/registry'
6	import { useShortcut } from '@/state/shortcuts/useShortcut'
7
8	export function GlobalShortcuts() {
9	const [referenceOpen, setReferenceOpen] = useState(false)
10	const setCommandMenuOpen = useSetCommandMenuOpen()
11
12	useShortcut(
13	SHORTCUT_IDS.SHORTCUTS_OPEN_REFERENCE,
14	() => {
15	setCommandMenuOpen(false)
16	setReferenceOpen(true)
17	},
18	{
19	registerInCommandMenu: true,
20	}
21	)
22
23	return <ShortcutsReferenceSheet open={referenceOpen} onOpenChange={setReferenceOpen} />
24	}