aboutsummaryrefslogtreecommitdiffhomepage
path: root/frontend/app/components/GolfWatchApps/GolfWatchAppStarting.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'frontend/app/components/GolfWatchApps/GolfWatchAppStarting.tsx')
-rw-r--r--frontend/app/components/GolfWatchApps/GolfWatchAppStarting.tsx11
1 files changed, 8 insertions, 3 deletions
diff --git a/frontend/app/components/GolfWatchApps/GolfWatchAppStarting.tsx b/frontend/app/components/GolfWatchApps/GolfWatchAppStarting.tsx
index 197d8b4..74f2a43 100644
--- a/frontend/app/components/GolfWatchApps/GolfWatchAppStarting.tsx
+++ b/frontend/app/components/GolfWatchApps/GolfWatchAppStarting.tsx
@@ -1,14 +1,19 @@
type Props = {
+ gameDisplayName: string;
leftTimeSeconds: number;
};
export default function GolfWatchAppStarting({
- leftTimeSeconds: timeLeft,
+ gameDisplayName,
+ leftTimeSeconds,
}: Props) {
return (
- <div className="min-h-screen bg-gray-100 flex items-center justify-center">
+ <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">
- {timeLeft}
+ {leftTimeSeconds}
</div>
</div>
);