Merge pull request #104 from moda20/Improvement/UI-UX-improvements

[DEV-IMP] A small QoL improvement for hotkeys and cmdk focus

Author: moda20

src/components/custom/SearchBar.tsx

@@ -151,6 +151,9 @@ export default function SearchBar({ trigger }: SearchBarProps) {
       batchProcessIds?: number[],
     ) => {
       await takeAction(row, action, data, batchProcessIds)
+      if (isDialogOpen) {
+        inputRef.current?.focus()
+      }
       switch (action) {
         case jobActions.UPDATE:
         case jobActions.UNSCHEDULE:

src/components/custom/general/DropdownItemExtended.tsx

@@ -14,17 +14,24 @@ const DropdownMenuItemExtended = React.forwardRef<
 >(({ className, inset, keyBinding, onAction, ...props }, ref) => {
   const newRef = useRef<HTMLDivElement>(null)
   useImperativeHandle(ref, () => newRef.current as HTMLInputElement)
-  useHotkeys(keyBinding ?? "", ev => {
-    if (props.disabled) {
-      return
-    }
-    if (onAction) {
-      onAction(ev)
-    }
-    if (newRef.current) {
-      newRef.current.dispatchEvent(new MouseEvent("click", { bubbles: true }))
-    }
-  })
+  useHotkeys(
+    keyBinding ?? "",
+    ev => {
+      if (props.disabled) {
+        return
+      }
+      if (onAction) {
+        onAction(ev)
+      }
+      if (newRef.current) {
+        newRef.current.dispatchEvent(new MouseEvent("click", { bubbles: true }))
+      }
+    },
+    {
+      enableOnFormTags: true,
+      enableOnContentEditable: true,
+    },
+  )
   return <DropdownMenuItem ref={newRef} {...props} />
 })
 DropdownMenuItemExtended.displayName = DropdownMenuItem.displayName