diff --git a/src/app/tools/tankopedia/components/TankSearch/index.tsx b/src/app/tools/tankopedia/components/TankSearch/index.tsx index b2791f32b..55417901b 100644 --- a/src/app/tools/tankopedia/components/TankSearch/index.tsx +++ b/src/app/tools/tankopedia/components/TankSearch/index.tsx @@ -1,6 +1,7 @@ import { slateDark } from '@radix-ui/colors'; import { CaretDownIcon, + CaretRightIcon, MagnifyingGlassIcon, TrashIcon, } from '@radix-ui/react-icons'; @@ -445,10 +446,34 @@ export function TankSearch({ setSearchedList(results); }} + onKeyDown={(event) => { + if (event.key === 'Enter') { + if ( + searchResults.length > 0 && + input.current && + input.current.value.length > 0 + ) { + onSelect(searchResults[0]); + } + } + }} > + + {searchResults.length > 0 && + input.current && + input.current.value.length > 0 && ( + + + + )}