diff options
Diffstat (limited to 'frontend/src/routes/golf/play/apps')
| -rw-r--r-- | frontend/src/routes/golf/play/apps/Connecting.tsx | 8 | ||||
| -rw-r--r-- | frontend/src/routes/golf/play/apps/Failed.tsx | 8 | ||||
| -rw-r--r-- | frontend/src/routes/golf/play/apps/Finished.tsx | 27 | ||||
| -rw-r--r-- | frontend/src/routes/golf/play/apps/Gaming.tsx | 18 | ||||
| -rw-r--r-- | frontend/src/routes/golf/play/apps/Starting.tsx | 6 | ||||
| -rw-r--r-- | frontend/src/routes/golf/play/apps/Waiting.tsx | 8 |
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>; +}; |
