react router

1 files changed, 30 insertions, 0 deletions

diff --git a/frontend/src/routes/golf/play/apps/Finished.tsx b/frontend/src/routes/golf/play/apps/Finished.tsx
new file mode 100644
index 0000000..9922e07
--- /dev/null
+++ b/frontend/src/routes/golf/play/apps/Finished.tsx
@@ -0,0 +1,30 @@
+type Props = {
+  gameId: number;
+  playerId: number;
+  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 ? 'あなたの勝ち' : 'あなたの負け');
+  return (
+    <>
+      <div>
+        対戦終了
+      </div>
+      <div>
+        <div>
+          {resultText}
+        </div>
+        <div>
+          あなたのスコア: {yourScore ?? 'なし'}
+        </div>
+        <div>
+          相手のスコア: {opponentScore ?? 'なし'}
+        </div>
+      </div>
+    </>
+  );
+}