From 45f38396c6bdd00b04cff2d503212a6a9764704d Mon Sep 17 00:00:00 2001
From: Rainnny7 <braydonrainnny@gmail.com>
Date: Tue, 16 Apr 2024 23:10:19 -0400
Subject: [PATCH] Update player search form

---
 Frontend/bun.lockb                            | Bin 161602 -> 161602 bytes
 .../app/(pages)/player/[[...slug]]/page.tsx   |   2 +-
 .../app/components/player/player-search.tsx   |  17 ++++++++----
 Frontend/src/app/components/ui/label.tsx      |  26 ++++++++++++++++++
 4 files changed, 38 insertions(+), 7 deletions(-)
 create mode 100644 Frontend/src/app/components/ui/label.tsx

diff --git a/Frontend/bun.lockb b/Frontend/bun.lockb
index bc4fc259f18b887b9258630aab2df45dab0f46af..2b0c3e560e5ed9f562e4e76a97a0eb9184742879 100644
GIT binary patch
delta 39
scmX@~j`Pqv&W0_F?(^B17{Fk=-+V?xMs~(HLp?)1qwQ@A824NQ0R1`)Gynhq

delta 39
scmX@~j`Pqv&W0_F?(^9h<BaqS^o+Lq&1W=ZWM^UkgY9h#824NQ01tr-Gynhq

diff --git a/Frontend/src/app/(pages)/player/[[...slug]]/page.tsx b/Frontend/src/app/(pages)/player/[[...slug]]/page.tsx
index 0c9beff..e8be845 100644
--- a/Frontend/src/app/(pages)/player/[[...slug]]/page.tsx
+++ b/Frontend/src/app/(pages)/player/[[...slug]]/page.tsx
@@ -80,7 +80,7 @@ export const generateMetadata = async ({
 			const player: CachedPlayer = await getPlayer(query); // Get the player to embed
 			return Embed({
 				title: `${player.username}'s Player`,
-				description: "Click to view data about this player.",
+				description: `UUID: ${player.uniqueId}\n\nClick to view data about this player.`,
 				thumbnail: player.skin.parts.HEAD,
 			});
 		} catch (err) {
diff --git a/Frontend/src/app/components/player/player-search.tsx b/Frontend/src/app/components/player/player-search.tsx
index 88093c4..764e3c3 100644
--- a/Frontend/src/app/components/player/player-search.tsx
+++ b/Frontend/src/app/components/player/player-search.tsx
@@ -1,6 +1,7 @@
 import MinecraftButton from "@/components/minecraft-button";
 import { Input } from "@/components/ui/input";
 
+import { Label } from "@/components/ui/label";
 import { redirect } from "next/navigation";
 
 /**
@@ -23,12 +24,16 @@ const PlayerSearch = ({
 			className="flex flex-col gap-7 justify-center items-center"
 			action={handleRedirect}
 		>
-			<Input
-				name="query"
-				placeholder="Username / UUID"
-				defaultValue={query}
-				maxLength={36}
-			/>
+			<div className="w-full flex flex-col gap-3">
+				<Label>Username or UUID</Label>
+				<Input
+					type="search"
+					name="query"
+					placeholder="Query..."
+					defaultValue={query}
+					maxLength={36}
+				/>
+			</div>
 			<MinecraftButton type="submit">Search</MinecraftButton>
 		</form>
 	);
diff --git a/Frontend/src/app/components/ui/label.tsx b/Frontend/src/app/components/ui/label.tsx
new file mode 100644
index 0000000..a992f60
--- /dev/null
+++ b/Frontend/src/app/components/ui/label.tsx
@@ -0,0 +1,26 @@
+"use client";
+
+import * as LabelPrimitive from "@radix-ui/react-label";
+import { cva, type VariantProps } from "class-variance-authority";
+import * as React from "react";
+
+import { cn } from "@/app/lib/utils";
+
+const labelVariants = cva(
+	"text-sm font-medium text-zinc-300 leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+);
+
+const Label = React.forwardRef<
+	React.ElementRef<typeof LabelPrimitive.Root>,
+	React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> &
+		VariantProps<typeof labelVariants>
+>(({ className, ...props }, ref) => (
+	<LabelPrimitive.Root
+		ref={ref}
+		className={cn(labelVariants(), className)}
+		{...props}
+	/>
+));
+Label.displayName = LabelPrimitive.Root.displayName;
+
+export { Label };