From a93c441ec4f992ed2f7eeae23fb823b1d152913f Mon Sep 17 00:00:00 2001
From: nsfisis <nsfisis@gmail.com>
Date: Tue, 11 Mar 2025 01:23:41 +0900
Subject: feat: show user label

---
 .../GolfWatchApps/GolfWatchAppGamingMultiplayer.tsx           |  4 ++++
 frontend/app/components/UserLabel.tsx                         | 11 +++++++++++
 2 files changed, 15 insertions(+)
 create mode 100644 frontend/app/components/UserLabel.tsx

(limited to 'frontend/app/components')

diff --git a/frontend/app/components/GolfWatchApps/GolfWatchAppGamingMultiplayer.tsx b/frontend/app/components/GolfWatchApps/GolfWatchAppGamingMultiplayer.tsx
index 7a36283..758c589 100644
--- a/frontend/app/components/GolfWatchApps/GolfWatchAppGamingMultiplayer.tsx
+++ b/frontend/app/components/GolfWatchApps/GolfWatchAppGamingMultiplayer.tsx
@@ -2,6 +2,7 @@ import { useAtomValue } from "jotai";
 import type { components } from "../../api/schema";
 import { gamingLeftTimeSecondsAtom } from "../../states/watch";
 import BorderedContainer from "../BorderedContainer";
+import UserLabel from "../UserLabel";
 
 type RankingEntry = components["schemas"]["RankingEntry"];
 
@@ -91,6 +92,9 @@ export default function GolfWatchAppGamingMultiplayer({
 									</td>
 									<td className="px-6 py-4 whitespace-nowrap text-gray-900">
 										{entry.player.display_name}
+										{entry.player.label && (
+											<UserLabel label={entry.player.label} />
+										)}
 									</td>
 									<td className="px-6 py-4 whitespace-nowrap text-gray-900">
 										{entry.score}
diff --git a/frontend/app/components/UserLabel.tsx b/frontend/app/components/UserLabel.tsx
new file mode 100644
index 0000000..b436ad6
--- /dev/null
+++ b/frontend/app/components/UserLabel.tsx
@@ -0,0 +1,11 @@
+type Props = {
+	label: string;
+};
+
+export default function UserLabel({ label }: Props) {
+	return (
+		<span className="bg-sky-700 text-sky-50 rounded-lg p-3 text-sm">
+			{label}
+		</span>
+	);
+}
-- 
cgit v1.2.3-70-g09d2