From 0bc943a36c9992d1098d92812b19b70d371e6a0d Mon Sep 17 00:00:00 2001
From: nsfisis <nsfisis@gmail.com>
Date: Thu, 20 Mar 2025 21:16:55 +0900
Subject: feat(frontend): remove "player 1" or "player 2" labels

---
 frontend/app/components/GolfPlayApps/GolfPlayAppGaming.tsx |  7 ++-----
 .../app/components/GolfPlayApps/GolfPlayAppWaiting.tsx     |  2 +-
 .../app/components/GolfWatchApps/GolfWatchAppGaming1v1.tsx | 14 ++++----------
 .../components/GolfWatchApps/GolfWatchAppWaiting1v1.tsx    |  4 ++--
 frontend/app/components/PlayerNameAndIcon.tsx              |  8 ++------
 5 files changed, 11 insertions(+), 24 deletions(-)

(limited to 'frontend/app/components')

diff --git a/frontend/app/components/GolfPlayApps/GolfPlayAppGaming.tsx b/frontend/app/components/GolfPlayApps/GolfPlayAppGaming.tsx
index b1b6f80..0931f73 100644
--- a/frontend/app/components/GolfPlayApps/GolfPlayAppGaming.tsx
+++ b/frontend/app/components/GolfPlayApps/GolfPlayAppGaming.tsx
@@ -72,12 +72,9 @@ export default function GolfPlayAppGaming({
 					<LeftTime sec={leftTimeSeconds} />
 				</div>
 				<Link to={"/dashboard"}>
-					<div className="flex gap-4 my-auto font-bold">
+					<div className="flex gap-6 items-center font-bold">
 						<div className="text-6xl">{score}</div>
-						<div className="text-end">
-							<div className="text-gray-100">Player 1</div>
-							<div className="text-2xl">{playerProfile.displayName}</div>
-						</div>
+						<div className="text-4xl">{playerProfile.displayName}</div>
 						{playerProfile.iconPath && (
 							<UserIcon
 								iconPath={playerProfile.iconPath}
diff --git a/frontend/app/components/GolfPlayApps/GolfPlayAppWaiting.tsx b/frontend/app/components/GolfPlayApps/GolfPlayAppWaiting.tsx
index 4b74c0d..303b4a8 100644
--- a/frontend/app/components/GolfPlayApps/GolfPlayAppWaiting.tsx
+++ b/frontend/app/components/GolfPlayApps/GolfPlayAppWaiting.tsx
@@ -16,7 +16,7 @@ export default function GolfPlayAppWaiting({
 				<div className="text-4xl">{gameDisplayName}</div>
 			</div>
 			<div className="grow grid mx-auto text-black">
-				<PlayerNameAndIcon label="You" profile={playerProfile} />
+				<PlayerNameAndIcon profile={playerProfile} />
 			</div>
 		</div>
 	);
diff --git a/frontend/app/components/GolfWatchApps/GolfWatchAppGaming1v1.tsx b/frontend/app/components/GolfWatchApps/GolfWatchAppGaming1v1.tsx
index 081212e..f72397d 100644
--- a/frontend/app/components/GolfWatchApps/GolfWatchAppGaming1v1.tsx
+++ b/frontend/app/components/GolfWatchApps/GolfWatchAppGaming1v1.tsx
@@ -55,7 +55,7 @@ export default function GolfWatchAppGaming1v1({
 		<div className="min-h-screen bg-gray-100 flex flex-col">
 			<div className={`text-white ${topBg} grid grid-cols-3 px-4 py-2`}>
 				<div className="font-bold flex justify-between my-auto">
-					<div className="flex gap-6">
+					<div className="flex gap-6 items-center">
 						{playerProfileA.iconPath && (
 							<UserIcon
 								iconPath={playerProfileA.iconPath}
@@ -63,10 +63,7 @@ export default function GolfWatchAppGaming1v1({
 								className="w-12 h-12 my-auto"
 							/>
 						)}
-						<div>
-							<div className="text-gray-100">Player 1</div>
-							<div className="text-2xl">{playerProfileA.displayName}</div>
-						</div>
+						<div className="text-4xl">{playerProfileA.displayName}</div>
 					</div>
 					<div className="text-6xl">{scoreA}</div>
 				</div>
@@ -86,11 +83,8 @@ export default function GolfWatchAppGaming1v1({
 				</div>
 				<div className="font-bold flex justify-between my-auto">
 					<div className="text-6xl">{scoreB}</div>
-					<div className="flex gap-6 text-end">
-						<div>
-							<div className="text-gray-100">Player 2</div>
-							<div className="text-2xl">{playerProfileB.displayName}</div>
-						</div>
+					<div className="flex gap-6 items-center text-end">
+						<div className="text-4xl">{playerProfileB.displayName}</div>
 						{playerProfileB.iconPath && (
 							<UserIcon
 								iconPath={playerProfileB.iconPath}
diff --git a/frontend/app/components/GolfWatchApps/GolfWatchAppWaiting1v1.tsx b/frontend/app/components/GolfWatchApps/GolfWatchAppWaiting1v1.tsx
index fb315ff..33f37be 100644
--- a/frontend/app/components/GolfWatchApps/GolfWatchAppWaiting1v1.tsx
+++ b/frontend/app/components/GolfWatchApps/GolfWatchAppWaiting1v1.tsx
@@ -18,9 +18,9 @@ export default function GolfWatchAppWaiting1v1({
 				<div className="text-4xl">{gameDisplayName}</div>
 			</div>
 			<div className="grow grid grid-cols-3 gap-10 mx-auto text-black">
-				<PlayerNameAndIcon label="Player 1" profile={playerProfileA} />
+				<PlayerNameAndIcon profile={playerProfileA} />
 				<div className="text-8xl my-auto">vs.</div>
-				<PlayerNameAndIcon label="Player 2" profile={playerProfileB} />
+				<PlayerNameAndIcon profile={playerProfileB} />
 			</div>
 		</div>
 	);
diff --git a/frontend/app/components/PlayerNameAndIcon.tsx b/frontend/app/components/PlayerNameAndIcon.tsx
index c9c7f20..92b757d 100644
--- a/frontend/app/components/PlayerNameAndIcon.tsx
+++ b/frontend/app/components/PlayerNameAndIcon.tsx
@@ -2,17 +2,13 @@ import { PlayerProfile } from "../types/PlayerProfile";
 import UserIcon from "./UserIcon";
 
 type Props = {
-	label: string;
 	profile: PlayerProfile;
 };
 
-export default function PlayerNameAndIcon({ label, profile }: Props) {
+export default function PlayerNameAndIcon({ profile }: Props) {
 	return (
 		<div className="flex flex-col gap-6 my-auto items-center">
-			<div className="flex flex-col gap-2">
-				<div className="text-4xl">{label}</div>
-				<div className="text-6xl">{profile.displayName}</div>
-			</div>
+			<div className="text-6xl">{profile.displayName}</div>
 			{profile.iconPath && (
 				<UserIcon
 					iconPath={profile.iconPath}
-- 
cgit v1.2.3-70-g09d2