feat: structure 2

frontend/src/hooks/useKeyboardShortcuts.ts

@@ -0,0 +1,55 @@
+import { useHotkeys } from 'react-hotkeys-hook'
+
+interface KeyboardShortcutsProps {
+  onToggleLeftSidebar: () => void
+  onToggleRightSidebar: () => void
+}
+
+export function useKeyboardShortcuts(props: KeyboardShortcutsProps) {
+  const { onToggleLeftSidebar, onToggleRightSidebar } = props
+  
+  // Toggle sidebars
+  useHotkeys('tab', (e) => {
+    e.preventDefault()
+    onToggleLeftSidebar()
+  })
+  
+  useHotkeys('i', (e) => {
+    e.preventDefault()
+    onToggleRightSidebar()
+  })
+  
+  // Navigation shortcuts
+  useHotkeys('g', () => {
+    // Go to grid view
+    console.log('Grid view')
+  })
+  
+  useHotkeys('e', () => {
+    // Go to loupe view
+    console.log('Loupe view')
+  })
+  
+  // Rating shortcuts
+  useHotkeys('1,2,3,4,5', (_e, handler) => {
+    const rating = parseInt(handler.keys![0])
+    console.log('Set rating:', rating)
+  })
+  
+  useHotkeys('0', () => {
+    console.log('Remove rating')
+  })
+  
+  // Flag shortcuts
+  useHotkeys('p', () => {
+    console.log('Pick photo')
+  })
+  
+  useHotkeys('x', () => {
+    console.log('Reject photo')
+  })
+  
+  useHotkeys('u', () => {
+    console.log('Unflag photo')
+  })
+}