diff options
Diffstat (limited to 'frontend/app/components/GolfPlayApps/GolfPlayAppWaiting.tsx')
| -rw-r--r-- | frontend/app/components/GolfPlayApps/GolfPlayAppWaiting.tsx | 22 |
1 files changed, 18 insertions, 4 deletions
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> |