diff options
Diffstat (limited to 'frontend/app/components/GolfPlayApps')
3 files changed, 28 insertions, 13 deletions
diff --git a/frontend/app/components/GolfPlayApps/GolfPlayAppConnecting.tsx b/frontend/app/components/GolfPlayApps/GolfPlayAppConnecting.tsx index d97131b..4b80f8f 100644 --- a/frontend/app/components/GolfPlayApps/GolfPlayAppConnecting.tsx +++ b/frontend/app/components/GolfPlayApps/GolfPlayAppConnecting.tsx @@ -2,9 +2,7 @@ export default function GolfPlayAppConnecting() { 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"> - Connecting... - </h1> + <div className="text-6xl font-bold text-black">接続中...</div> </div> </div> ); diff --git a/frontend/app/components/GolfPlayApps/GolfPlayAppStarting.tsx b/frontend/app/components/GolfPlayApps/GolfPlayAppStarting.tsx index 18e9ffe..06e3825 100644 --- a/frontend/app/components/GolfPlayApps/GolfPlayAppStarting.tsx +++ b/frontend/app/components/GolfPlayApps/GolfPlayAppStarting.tsx @@ -1,16 +1,19 @@ type Props = { + gameDisplayName: string; leftTimeSeconds: number; }; export default function GolfPlayAppStarting({ - leftTimeSeconds: timeLeft, + gameDisplayName, + leftTimeSeconds, }: 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"> - Starting... ({timeLeft} s) - </h1> + <div className="min-h-screen bg-gray-100 flex flex-col"> + <div className="text-white bg-iosdc-japan p-10 text-center"> + <div className="text-4xl text-bold">{gameDisplayName}</div> + </div> + <div className="text-center text-black font-black text-10xl animate-ping"> + {leftTimeSeconds} </div> </div> ); 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> |