feat: key down enter to trigger search

cofacts · Dec 21, 2024 · a7e10e9 · a7e10e9
1 parent 74a8c63
commit a7e10e9
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/components/SearchPageJumbotron.js b/components/SearchPageJumbotron.js
@@ -97,7 +97,7 @@ function SearchPageJumbotron() {
     });
   };
 
-  const { q } = query;
+  const { q = '' } = query;
   useEffect(() => {
     textareaRef.current.value = q;
   }, [q]);
@@ -116,6 +116,13 @@ function SearchPageJumbotron() {
               name="search"
               className={classes.input}
               minRows={1}
+              onKeyDown={(e) => {
+                // enter to trigger search, so disable default line breaking
+                if (e.key == 'Enter') {
+                  e.preventDefault();
+                  e.target.form.requestSubmit();
+                }
+              }}
             />
             <button type="submit" className={classes.submit}>
               <SearchIcon />