Ability to submit the generate form with cmd+enter (#131)

srcbookdev · Jul 12, 2024 · ec4c0e8 · ec4c0e8
1 parent b2ff088
commit ec4c0e8
Showing 1 changed file with 11 additions and 0 deletions.
diff --git a/packages/web/src/components/generate-srcbook-modal.tsx b/packages/web/src/components/generate-srcbook-modal.tsx
@@ -1,4 +1,5 @@
 import { useState } from 'react';
+import { useHotkeys } from 'react-hotkeys-hook';
 import { useNavigate } from 'react-router-dom';
 import { cn } from '@/lib/utils';
 import { Button } from '@/components/ui/button';
@@ -29,7 +30,17 @@ export default function GenerateSrcbookModal({
 
   const navigate = useNavigate();
 
+  useHotkeys(
+    'mod+enter',
+    () => {
+      if (!open) return;
+      generate();
+    },
+    { enableOnFormTags: ['textarea'] },
+  );
+
   const generate = async () => {
+    if (!query) return;
     setStatus('loading');
     const result = await onGenerate(query);
     if (result) {