Add submit on enter key down for input field

Bklieger · Mar 31, 2024 · ccd0731 · ccd0731
1 parent eac3a45
commit ccd0731
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/frontend/components/SearchResults.tsx b/frontend/components/SearchResults.tsx
@@ -114,6 +114,11 @@ const handlePageClick = (pageNumber: number) => {
           placeholder="Describe your query. Matches based on meaning, not keywords."
           value={query}
           onChange={(e) => setQuery(e.target.value)}
+          onKeyDown={(event) => {
+            if (event.key === 'Enter') {
+              handleSearch();
+            }
+          }}
         />
         <button
           className="ml-2 px-4 py-2 bg-[#407BBF] text-white font-semibold rounded-md shadow hover:bg-[#396EAB] focus:outline-none"