diff options
| author | nsfisis <nsfisis@gmail.com> | 2024-08-01 02:30:20 +0900 |
|---|---|---|
| committer | nsfisis <nsfisis@gmail.com> | 2024-08-01 02:30:20 +0900 |
| commit | 10b9be2c2a46b204f83be7d152ca62bf69e8843e (patch) | |
| tree | 53011badc4b62c63da407a9b9213af242ed5cf4b /frontend/app/components/GolfWatchApps | |
| parent | 222ed4e77c3564c95450361fdeca40a733ce65c9 (diff) | |
| parent | 1be6007f81488d0f186b44994fe8ee23385059a1 (diff) | |
| download | phperkaigi-2025-albatross-10b9be2c2a46b204f83be7d152ca62bf69e8843e.tar.gz phperkaigi-2025-albatross-10b9be2c2a46b204f83be7d152ca62bf69e8843e.tar.zst phperkaigi-2025-albatross-10b9be2c2a46b204f83be7d152ca62bf69e8843e.zip | |
Merge branch 'feat/game-screen'
Diffstat (limited to 'frontend/app/components/GolfWatchApps')
4 files changed, 38 insertions, 14 deletions
diff --git a/frontend/app/components/GolfWatchApps/GolfWatchAppConnecting.tsx b/frontend/app/components/GolfWatchApps/GolfWatchAppConnecting.tsx index 07e359f..b91339a 100644 --- a/frontend/app/components/GolfWatchApps/GolfWatchAppConnecting.tsx +++ b/frontend/app/components/GolfWatchApps/GolfWatchAppConnecting.tsx @@ -1,3 +1,11 @@ export default function GolfWatchAppConnecting() { - return <div>Connecting...</div>; + 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> + </div> + ); } diff --git a/frontend/app/components/GolfWatchApps/GolfWatchAppFinished.tsx b/frontend/app/components/GolfWatchApps/GolfWatchAppFinished.tsx index 330d1a6..866e18a 100644 --- a/frontend/app/components/GolfWatchApps/GolfWatchAppFinished.tsx +++ b/frontend/app/components/GolfWatchApps/GolfWatchAppFinished.tsx @@ -1,3 +1,9 @@ export default function GolfWatchAppFinished() { - return <div>Finished</div>; + 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">Finished</h1> + </div> + </div> + ); } diff --git a/frontend/app/components/GolfWatchApps/GolfWatchAppGaming.tsx b/frontend/app/components/GolfWatchApps/GolfWatchAppGaming.tsx index d58a04f..10d68fe 100644 --- a/frontend/app/components/GolfWatchApps/GolfWatchAppGaming.tsx +++ b/frontend/app/components/GolfWatchApps/GolfWatchAppGaming.tsx @@ -1,16 +1,18 @@ +type Props = { + problem: string; + codeA: string; + scoreA: number | null; + codeB: string; + scoreB: number | null; +}; + export default function GolfWatchAppGaming({ problem, codeA, scoreA, codeB, scoreB, -}: { - problem: string; - codeA: string; - scoreA: number | null; - codeB: string; - scoreB: number | null; -}) { +}: Props) { return ( <div style={{ display: "flex", flexDirection: "column" }}> <div style={{ display: "flex", flex: 1, justifyContent: "center" }}> diff --git a/frontend/app/components/GolfWatchApps/GolfWatchAppStarting.tsx b/frontend/app/components/GolfWatchApps/GolfWatchAppStarting.tsx index 643af93..3c9919c 100644 --- a/frontend/app/components/GolfWatchApps/GolfWatchAppStarting.tsx +++ b/frontend/app/components/GolfWatchApps/GolfWatchAppStarting.tsx @@ -1,7 +1,15 @@ -export default function GolfWatchAppStarting({ - timeLeft, -}: { +type Props = { timeLeft: number; -}) { - return <div>Starting... ({timeLeft} s)</div>; +}; + +export default function GolfWatchAppStarting({ timeLeft }: 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> + </div> + ); } |