diff --git a/flowsint-app/src/components/layout/top-navbar.tsx b/flowsint-app/src/components/layout/top-navbar.tsx index 3404e380..e036b36f 100644 --- a/flowsint-app/src/components/layout/top-navbar.tsx +++ b/flowsint-app/src/components/layout/top-navbar.tsx @@ -21,10 +21,11 @@ import { import { Ellipsis, Upload } from 'lucide-react' import { isMac } from '@/lib/utils' import { useGraphSettingsStore } from '@/stores/graph-settings-store' -import { useMutation, useQueryClient } from '@tanstack/react-query' +import { useMutation } from '@tanstack/react-query' import { useConfirm } from '../use-confirm-dialog' import { sketchService } from '@/api/sketch-service' import { toast } from 'sonner' +import { useKeyboardShortcut } from '@/hooks/use-keyboard-shortcut' export const TopNavbar = memo(() => { const { investigationId, id, type } = useParams({ strict: false }) @@ -84,6 +85,18 @@ export function InvestigationMenu({ investigationId, sketchId }: { investigation const navigate = useNavigate() const { confirm } = useConfirm() + useKeyboardShortcut({ + key: 'g', + ctrlOrCmd: true, + callback: () => setSettingsModalOpen(true) + }) + + useKeyboardShortcut({ + key: 'k', + ctrlOrCmd: true, + callback: () => setKeyboardShortcutsOpen(true) + }) + // Delete sketch mutation const deleteSketchMutation = useMutation({ mutationFn: sketchService.delete, @@ -154,8 +167,8 @@ export function InvestigationMenu({ investigationId, sketchId }: { investigation - Delete - ⇧⌘Q + Delete sketch + {/* ⇧⌘Q */}