diff options
| author | nsfisis <nsfisis@gmail.com> | 2024-07-19 19:05:55 +0900 |
|---|---|---|
| committer | nsfisis <nsfisis@gmail.com> | 2024-07-19 19:19:55 +0900 |
| commit | df5abfc272a151c51f0e5e82214cf7aff8cfa880 (patch) | |
| tree | 87395be420f16296fab56b55a03f83f87af59366 /frontend/src/watch/apps | |
| parent | b0662e8add4864fed69f49a4a5cfb0d8e26523a8 (diff) | |
| download | iosdc-japan-2024-albatross-df5abfc272a151c51f0e5e82214cf7aff8cfa880.tar.gz iosdc-japan-2024-albatross-df5abfc272a151c51f0e5e82214cf7aff8cfa880.tar.zst iosdc-japan-2024-albatross-df5abfc272a151c51f0e5e82214cf7aff8cfa880.zip | |
initial commit
Diffstat (limited to 'frontend/src/watch/apps')
| -rw-r--r-- | frontend/src/watch/apps/Connecting.jsx | 7 | ||||
| -rw-r--r-- | frontend/src/watch/apps/Failed.jsx | 7 | ||||
| -rw-r--r-- | frontend/src/watch/apps/Gaming.jsx | 29 | ||||
| -rw-r--r-- | frontend/src/watch/apps/Waiting.jsx | 7 |
4 files changed, 50 insertions, 0 deletions
diff --git a/frontend/src/watch/apps/Connecting.jsx b/frontend/src/watch/apps/Connecting.jsx new file mode 100644 index 0000000..464af23 --- /dev/null +++ b/frontend/src/watch/apps/Connecting.jsx @@ -0,0 +1,7 @@ +export default () => { + return ( + <div> + 接続中です...... + </div> + ); +} diff --git a/frontend/src/watch/apps/Failed.jsx b/frontend/src/watch/apps/Failed.jsx new file mode 100644 index 0000000..f96e999 --- /dev/null +++ b/frontend/src/watch/apps/Failed.jsx @@ -0,0 +1,7 @@ +export default () => { + return ( + <div> + エラー + </div> + ); +} diff --git a/frontend/src/watch/apps/Gaming.jsx b/frontend/src/watch/apps/Gaming.jsx new file mode 100644 index 0000000..c844c46 --- /dev/null +++ b/frontend/src/watch/apps/Gaming.jsx @@ -0,0 +1,29 @@ +export default ({ problem, scoreA, codeA, scoreB, codeB }) => { + 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> + </> + ); +}; diff --git a/frontend/src/watch/apps/Waiting.jsx b/frontend/src/watch/apps/Waiting.jsx new file mode 100644 index 0000000..27fdd76 --- /dev/null +++ b/frontend/src/watch/apps/Waiting.jsx @@ -0,0 +1,7 @@ +export default () => { + return ( + <div> + 対戦相手が現れるのを待っています...... + </div> + ); +} |