Update SearchBox.tsx

weareinreach · Mar 24, 2024 · 0f3cdd7 · 0f3cdd7
1 parent 3283279
commit 0f3cdd7
Showing 1 changed file with 11 additions and 0 deletions.
diff --git a/packages/ui/components/core/SearchBox.tsx b/packages/ui/components/core/SearchBox.tsx
@@ -19,6 +19,7 @@ import { Trans, useTranslation } from 'next-i18next'
 import {
 	type Dispatch,
 	forwardRef,
+	type KeyboardEventHandler,
 	type ReactNode,
 	type SetStateAction,
 	useDebugValue,
@@ -348,6 +349,15 @@ export const SearchBox = ({
 		}
 	}
 
+	const handleKeyDown: React.KeyboardEventHandler<HTMLInputElement> = (event) => {
+		if (event.key === 'Enter') {
+			const topItem = results[0]
+			if (topItem) {
+				selectionHandler(topItem)
+			}
+		}
+	}
+
 	return (
 		<Autocomplete
 			classNames={{
@@ -363,6 +373,7 @@ export const SearchBox = ({
 			dropdownPosition='bottom'
 			radius='xl'
 			onItemSubmit={selectionHandler}
+			onKeyDown={handleKeyDown}
 			disabled={isLoading}
 			label={label}
 			withinPortal