diff options
| author | nsfisis <nsfisis@gmail.com> | 2024-08-22 03:57:05 +0900 |
|---|---|---|
| committer | nsfisis <nsfisis@gmail.com> | 2024-08-22 12:02:01 +0900 |
| commit | a2b6ed9cd67f1406a6656bce9b3d51b55378ac1e (patch) | |
| tree | c3f5f686b1043c3704acbcb41eb35c0af6de81b2 /frontend/app/components/GolfPlayApps/GolfPlayAppStarting.tsx | |
| parent | 922bc6a1f52d8f01600e9a61ce31963075ec59a5 (diff) | |
| download | phperkaigi-2025-albatross-a2b6ed9cd67f1406a6656bce9b3d51b55378ac1e.tar.gz phperkaigi-2025-albatross-a2b6ed9cd67f1406a6656bce9b3d51b55378ac1e.tar.zst phperkaigi-2025-albatross-a2b6ed9cd67f1406a6656bce9b3d51b55378ac1e.zip | |
feat(frontend): jotai for play app
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> |