diff --git a/src/app/tools/session/page.tsx b/src/app/tools/session/page.tsx index f2fd95dfa..83c471958 100644 --- a/src/app/tools/session/page.tsx +++ b/src/app/tools/session/page.tsx @@ -89,7 +89,13 @@ export default function Page() { }} onBlur={(event) => { // TODO: remove this hack when https://github.com/radix-ui/primitives/issues/2193 is fixed - event.target.value.length === 1 && event.target.focus(); + showSearchResults && event.target.focus(); + }} + onKeyDown={(event) => { + if (event.key === 'Escape') { + setShowSearchResults(false); + input.current?.blur(); + } }} placeholder="Search for a player..." /> @@ -106,18 +112,20 @@ export default function Page() { ) : searchResults.length === 0 ? ( No results ) : ( - searchResults?.map(({ account_id: id, nickname, region }) => ( - { - setShowSearchResults(false); - setSession(region, id, nickname); - }} - shortcut={REGION_NAMES[region]} - > - {nickname} - - )) + searchResults?.map( + ({ account_id: id, nickname, region }, index) => ( + { + setShowSearchResults(false); + setSession(region, id, nickname); + }} + shortcut={REGION_NAMES[region]} + > + {nickname} + + ), + ) )}