MinecraftUtilities/Frontend
2
1
Fork 0
Code Issues 1 Pull Requests 2 Actions Activity

add enter key to search for a player
All checks were successful
Deploy App / docker (ubuntu-latest) (push) Successful in 56s
Details

Browse Source
This commit is contained in:
Lee 2024-04-14 21:18:19 +01:00
parent 01d0ad468a
commit 094a6c697e
1 changed files with 12 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/player-search.tsx
View File

@ -27,10 +27,21 @@ export default function PlayerSearch() {
});
};
const handleKeyDown = (e: any) => {
if (e.key === "Enter") {
handleSearch();
}
};
return (
<div className="flex flex-col items-center gap-8">
<div className="flex items-center gap-2">
<Input className="w-[200px]" placeholder="Player ID" onChange={(e) => setPlayerId(e.target.value)} />
<Input
className="w-[200px]"
placeholder="Player ID"
onChange={(e) => setPlayerId(e.target.value)}
onKeyDown={handleKeyDown}
/>
<Button onClick={() => handleSearch()}>Search</Button>
</div>