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 */}