diff options
| author | nsfisis <nsfisis@gmail.com> | 2024-07-21 16:13:58 +0900 |
|---|---|---|
| committer | nsfisis <nsfisis@gmail.com> | 2024-07-21 16:13:58 +0900 |
| commit | a46f583437e9b66ebec6fa22e27567a71b17b497 (patch) | |
| tree | f375449ee38de9701637fbe77c79111da9f76307 /frontend/src/routes/golf/watch/apps/Gaming.tsx | |
| parent | 877c19ecbb2425d756f3cbafb1cf52f69279e92d (diff) | |
| download | phperkaigi-2025-albatross-a46f583437e9b66ebec6fa22e27567a71b17b497.tar.gz phperkaigi-2025-albatross-a46f583437e9b66ebec6fa22e27567a71b17b497.tar.zst phperkaigi-2025-albatross-a46f583437e9b66ebec6fa22e27567a71b17b497.zip | |
react router
Diffstat (limited to 'frontend/src/routes/golf/watch/apps/Gaming.tsx')
| -rw-r--r-- | frontend/src/routes/golf/watch/apps/Gaming.tsx | 38 |
1 files changed, 38 insertions, 0 deletions
diff --git a/frontend/src/routes/golf/watch/apps/Gaming.tsx b/frontend/src/routes/golf/watch/apps/Gaming.tsx new file mode 100644 index 0000000..a17b71e --- /dev/null +++ b/frontend/src/routes/golf/watch/apps/Gaming.tsx @@ -0,0 +1,38 @@ +type Props = { + gameId: number; + problem: string | null; + scoreA: number | null; + codeA: string | null; + scoreB: number | null; + codeB: string | null; +}; + +export default ({ problem, scoreA, codeA, scoreB, codeB }: Props) => { + return ( + <> + <div style={{ display: 'flex', flexDirection: 'column' }}> + <div style={{ display: 'flex', flex: 1, justifyContent: 'center' }}> + {problem} + </div> + <div style={{ display: 'flex', flex: 3 }}> + <div style={{ display: 'flex', flex: 3, flexDirection: 'column' }}> + <div style={{ flex: 1, justifyContent: 'center' }}> + {scoreA} + </div> + <div style={{ flex: 3 }}> + <pre><code>{codeA}</code></pre> + </div> + </div> + <div style={{ display: 'flex', flex: 3, flexDirection: 'column' }}> + <div style={{ flex: 1, justifyContent: 'center' }}> + {scoreB} + </div> + <div style={{ flex: 3 }}> + <pre><code>{codeB}</code></pre> + </div> + </div> + </div> + </div> + </> + ); +}; |