aboutsummaryrefslogtreecommitdiffhomepage
path: root/frontend/src/routes/golf/play/apps
diff options
context:
space:
mode:
Diffstat (limited to 'frontend/src/routes/golf/play/apps')
-rw-r--r--frontend/src/routes/golf/play/apps/Connecting.tsx8
-rw-r--r--frontend/src/routes/golf/play/apps/Failed.tsx8
-rw-r--r--frontend/src/routes/golf/play/apps/Finished.tsx27
-rw-r--r--frontend/src/routes/golf/play/apps/Gaming.tsx18
-rw-r--r--frontend/src/routes/golf/play/apps/Starting.tsx6
-rw-r--r--frontend/src/routes/golf/play/apps/Waiting.tsx8
6 files changed, 27 insertions, 48 deletions
diff --git a/frontend/src/routes/golf/play/apps/Connecting.tsx b/frontend/src/routes/golf/play/apps/Connecting.tsx
index 594a291..9207089 100644
--- a/frontend/src/routes/golf/play/apps/Connecting.tsx
+++ b/frontend/src/routes/golf/play/apps/Connecting.tsx
@@ -4,9 +4,5 @@ type Props = {
};
export default (_props: Props) => {
- return (
- <div>
- 接続中です......
- </div>
- );
-}
+ return <div>接続中です......</div>;
+};
diff --git a/frontend/src/routes/golf/play/apps/Failed.tsx b/frontend/src/routes/golf/play/apps/Failed.tsx
index 6ea56e6..6ea9b81 100644
--- a/frontend/src/routes/golf/play/apps/Failed.tsx
+++ b/frontend/src/routes/golf/play/apps/Failed.tsx
@@ -4,9 +4,5 @@ type Props = {
};
export default (_props: Props) => {
- return (
- <div>
- エラー
- </div>
- );
-}
+ return <div>エラー</div>;
+};
diff --git a/frontend/src/routes/golf/play/apps/Finished.tsx b/frontend/src/routes/golf/play/apps/Finished.tsx
index 9922e07..bad7526 100644
--- a/frontend/src/routes/golf/play/apps/Finished.tsx
+++ b/frontend/src/routes/golf/play/apps/Finished.tsx
@@ -1,30 +1,27 @@
type Props = {
gameId: number;
playerId: number;
- result: { yourScore: number | null, opponentScore: number | null };
+ result: { yourScore: number | null; opponentScore: number | null };
};
export default ({ result }: Props) => {
const { yourScore, opponentScore } = result;
const yourScoreToCompare = yourScore ?? Infinity;
const opponentScoreToCompare = opponentScore ?? Infinity;
- const resultText = yourScoreToCompare === opponentScoreToCompare ? '引き分け' : (yourScoreToCompare < opponentScoreToCompare ? 'あなたの勝ち' : 'あなたの負け');
+ const resultText =
+ yourScoreToCompare === opponentScoreToCompare
+ ? "引き分け"
+ : yourScoreToCompare < opponentScoreToCompare
+ ? "あなたの勝ち"
+ : "あなたの負け";
return (
<>
+ <div>対戦終了</div>
<div>
- 対戦終了
- </div>
- <div>
- <div>
- {resultText}
- </div>
- <div>
- あなたのスコア: {yourScore ?? 'なし'}
- </div>
- <div>
- 相手のスコア: {opponentScore ?? 'なし'}
- </div>
+ <div>{resultText}</div>
+ <div>あなたのスコア: {yourScore ?? "なし"}</div>
+ <div>相手のスコア: {opponentScore ?? "なし"}</div>
</div>
</>
);
-}
+};
diff --git a/frontend/src/routes/golf/play/apps/Gaming.tsx b/frontend/src/routes/golf/play/apps/Gaming.tsx
index 27488e3..ffabfa6 100644
--- a/frontend/src/routes/golf/play/apps/Gaming.tsx
+++ b/frontend/src/routes/golf/play/apps/Gaming.tsx
@@ -1,4 +1,4 @@
-import React from 'react';
+import React from "react";
type Props = {
gameId: number;
@@ -14,18 +14,14 @@ export default ({ problem, onCodeChange, score }: Props) => {
};
return (
- <div style={{ display: 'flex' }}>
- <div style={{ flex: 1, padding: '10px', borderRight: '1px solid #ccc' }}>
- <div>
- {problem}
- </div>
- <div>
- {score == null ? 'Score: -' : `Score: ${score} byte`}
- </div>
+ <div style={{ display: "flex" }}>
+ <div style={{ flex: 1, padding: "10px", borderRight: "1px solid #ccc" }}>
+ <div>{problem}</div>
+ <div>{score == null ? "Score: -" : `Score: ${score} byte`}</div>
</div>
- <div style={{ flex: 1, padding: '10px' }}>
+ <div style={{ flex: 1, padding: "10px" }}>
<textarea
- style={{ width: '100%', height: '100%' }}
+ style={{ width: "100%", height: "100%" }}
onChange={handleTextChange}
/>
</div>
diff --git a/frontend/src/routes/golf/play/apps/Starting.tsx b/frontend/src/routes/golf/play/apps/Starting.tsx
index 1c8fadd..ae77853 100644
--- a/frontend/src/routes/golf/play/apps/Starting.tsx
+++ b/frontend/src/routes/golf/play/apps/Starting.tsx
@@ -7,9 +7,7 @@ type Props = {
export default ({ timeLeft }: Props) => {
return (
<>
- <div>
- 対戦相手が見つかりました。{timeLeft} 秒後にゲームを開始します。
- </div>
+ <div>対戦相手が見つかりました。{timeLeft} 秒後にゲームを開始します。</div>
</>
);
-}
+};
diff --git a/frontend/src/routes/golf/play/apps/Waiting.tsx b/frontend/src/routes/golf/play/apps/Waiting.tsx
index 8112c22..306978e 100644
--- a/frontend/src/routes/golf/play/apps/Waiting.tsx
+++ b/frontend/src/routes/golf/play/apps/Waiting.tsx
@@ -4,9 +4,5 @@ type Props = {
};
export default (_props: Props) => {
- return (
- <div>
- 対戦相手が現れるのを待っています......
- </div>
- );
-}
+ return <div>対戦相手が現れるのを待っています......</div>;
+};