From 19fad1b969ac9b6c50b024a2c710e8f4fe792eb0 Mon Sep 17 00:00:00 2001
From: nsfisis <nsfisis@gmail.com>
Date: Mon, 19 Aug 2024 05:21:58 +0900
Subject: feat(frontend): improve play/watch pages styling

---
 .../components/GolfPlayApps/GolfPlayAppWaiting.tsx | 22 ++++++++++++++++++----
 1 file changed, 18 insertions(+), 4 deletions(-)

(limited to 'frontend/app/components/GolfPlayApps/GolfPlayAppWaiting.tsx')

diff --git a/frontend/app/components/GolfPlayApps/GolfPlayAppWaiting.tsx b/frontend/app/components/GolfPlayApps/GolfPlayAppWaiting.tsx
index a1da33e..bbef43e 100644
--- a/frontend/app/components/GolfPlayApps/GolfPlayAppWaiting.tsx
+++ b/frontend/app/components/GolfPlayApps/GolfPlayAppWaiting.tsx
@@ -1,9 +1,23 @@
-export default function GolfPlayAppWaiting() {
+import { PlayerInfo } from "../../models/PlayerInfo";
+import PlayerProfile from "../PlayerProfile";
+
+type Props = {
+	gameDisplayName: string;
+	playerInfo: Omit<PlayerInfo, "code">;
+};
+
+export default function GolfPlayAppWaiting({
+	gameDisplayName,
+	playerInfo,
+}: Props) {
 	return (
 		<>
-			<div className="min-h-screen bg-gray-100 flex items-center justify-center">
-				<div className="text-center">
-					<h1 className="text-4xl font-bold text-black-600 mb-4">Waiting...</h1>
+			<div className="min-h-screen bg-gray-100 flex flex-col font-bold text-center">
+				<div className="text-white bg-iosdc-japan p-10">
+					<div className="text-4xl">{gameDisplayName}</div>
+				</div>
+				<div className="grow grid mx-auto text-black">
+					<PlayerProfile playerInfo={playerInfo} label="You" />
 				</div>
 			</div>
 			<style>
-- 
cgit v1.2.3-70-g09d2

