diff options
5 files changed, 11 insertions, 24 deletions
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} |