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

add tooltips
All checks were successful
Deploy App / docker (ubuntu-latest) (push) Successful in 1m31s
Details

Browse Source
This commit is contained in:
Lee
2024-04-17 18:08:13 +01:00
parent 1a347108c2
commit 347ee00c18
8 changed files with 454 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/app/components/player/lookup-player.tsx
View File

@ -4,6 +4,7 @@ import { useRouter } from "next/navigation";
import { useState } from "react";
import { Button } from "../ui/button";
import { Input } from "../ui/input";
import { Tooltip, TooltipContent, TooltipTrigger } from "../ui/tooltip";
export function LookupPlayer(): JSX.Element {
const router = useRouter();
@ -31,9 +32,16 @@ export function LookupPlayer(): JSX.Element {
return (
<form className="flex gap-2 justify-center mt-2">
<Input className="w-fit" placeholder="Name / UUID" value={player} onChange={setPlayerValue} maxLength={36} />
<Button type="submit" onClick={() => lookupPlayer()}>
Lookup
</Button>
<Tooltip>
<TooltipTrigger asChild>
<Button type="submit" onClick={() => lookupPlayer()}>
Lookup
</Button>
</TooltipTrigger>
<TooltipContent>
<p>Click to lookup the player</p>
</TooltipContent>
</Tooltip>
</form>
);
}