useOperationQueueShortcuts() — supabase Function Reference

Architecture documentation for the useOperationQueueShortcuts() function in useOperationQueueShortcuts.ts from the supabase codebase.

Function typescript ContentManagement Collections calls 1

Entity Profile

ContentManagement→ Collections→ useOperationQueueShortcuts() — supabase Function Reference

Dependency Diagram

graph TD
  280fff9e_2556_4c11_69f2_23c9ca4d0f0e["useOperationQueueShortcuts()"]
  48edc6eb_bdb5_dd99_756a_2e022ea33b4f["useOperationQueueActions()"]
  280fff9e_2556_4c11_69f2_23c9ca4d0f0e -->|calls| 48edc6eb_bdb5_dd99_756a_2e022ea33b4f
  style 280fff9e_2556_4c11_69f2_23c9ca4d0f0e fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/studio/components/grid/hooks/useOperationQueueShortcuts.ts lines 16–46

export function useOperationQueueShortcuts() {
  const isQueueOperationsEnabled = useIsQueueOperationsEnabled()
  const snap = useTableEditorStateSnapshot()
  const { handleSave } = useOperationQueueActions()

  const isSaving = snap.operationQueue.status === 'saving'
  const hasOperations = snap.hasPendingOperations
  const isEnabled = isQueueOperationsEnabled && hasOperations

  useHotKey(
    (event) => {
      event.preventDefault()
      event.stopPropagation()
      if (!isSaving && hasOperations) {
        handleSave()
      }
    },
    's',
    { enabled: isEnabled }
  )

  useHotKey(
    (event) => {
      event.preventDefault()
      event.stopPropagation()
      snap.toggleViewOperationQueue()
    },
    '.',
    { enabled: isEnabled }
  )
}