diff options
| author | nsfisis <nsfisis@gmail.com> | 2024-08-22 14:16:21 +0900 |
|---|---|---|
| committer | nsfisis <nsfisis@gmail.com> | 2024-08-22 14:16:21 +0900 |
| commit | 81dd1db4daa57e67b1f603c260afe6cb526e5278 (patch) | |
| tree | 8e5a857769db577b034a9a0404e70cf6c2d2693a /frontend/app/components/GolfPlayApps/GolfPlayAppStarting.tsx | |
| parent | 483e297f4789fb1fdaa241f87686a00ef55a046d (diff) | |
| parent | dfd33e58a5e6f830d60e978afad7348f7a16068d (diff) | |
| download | iosdc-japan-2024-albatross-81dd1db4daa57e67b1f603c260afe6cb526e5278.tar.gz iosdc-japan-2024-albatross-81dd1db4daa57e67b1f603c260afe6cb526e5278.tar.zst iosdc-japan-2024-albatross-81dd1db4daa57e67b1f603c260afe6cb526e5278.zip | |
Merge branch 'refactor/frontend-state'
Diffstat (limited to 'frontend/app/components/GolfPlayApps/GolfPlayAppStarting.tsx')
| -rw-r--r-- | frontend/app/components/GolfPlayApps/GolfPlayAppStarting.tsx | 13 |
1 files changed, 7 insertions, 6 deletions
diff --git a/frontend/app/components/GolfPlayApps/GolfPlayAppStarting.tsx b/frontend/app/components/GolfPlayApps/GolfPlayAppStarting.tsx index a42c883..b41dfed 100644 --- a/frontend/app/components/GolfPlayApps/GolfPlayAppStarting.tsx +++ b/frontend/app/components/GolfPlayApps/GolfPlayAppStarting.tsx @@ -1,18 +1,19 @@ +import { useAtomValue } from "jotai"; +import { startingLeftTimeSecondsAtom } from "../../states/play"; + type Props = { gameDisplayName: string; - leftTimeSeconds: number; }; -export default function GolfPlayAppStarting({ - gameDisplayName, - leftTimeSeconds, -}: Props) { +export default function GolfPlayAppStarting({ gameDisplayName }: Props) { + const leftTimeSeconds = useAtomValue(startingLeftTimeSecondsAtom)!; + return ( <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 font-bold">{gameDisplayName}</div> </div> - <div className="text-center text-black font-black text-10xl animate-ping"> + <div className="text-center text-black font-black text-10xl"> {leftTimeSeconds} </div> </div> |