From 3dee4a10e4f432502456a96e5d8de6540a67ac4c Mon Sep 17 00:00:00 2001
From: Inga <inga-lovinde@noreply.oomza.cutegay.software>
Date: Tue, 19 Nov 2024 00:57:25 +0000
Subject: [PATCH] display current outcome

---
 src/backend/components/boardgame.tsx | 25 ++++++++++++++++++++++---
 1 file changed, 22 insertions(+), 3 deletions(-)

diff --git a/src/backend/components/boardgame.tsx b/src/backend/components/boardgame.tsx
index fbbd39d..9a755cb 100644
--- a/src/backend/components/boardgame.tsx
+++ b/src/backend/components/boardgame.tsx
@@ -60,9 +60,28 @@ export const getBoardgameHtml = (key: string, gameState: BoardgameStateType, rul
           </tbody>
         </table>
 
-        <button type="submit" name={key} value={gameState.withEmptyBoard().serialize()}>
-          Start game
-        </button>
+        <p>
+          <span class="outcome-winx" style={currentOutcome === CurrentOutcome.WinX ? {} : { display: "none" }}>
+            Player X won
+          </span>
+          <span class="outcome-winy" style={currentOutcome === CurrentOutcome.WinO ? {} : { display: "none" }}>
+            Player O won
+          </span>
+          <span class="outcome-draw" style={currentOutcome === CurrentOutcome.Draw ? {} : { display: "none" }}>
+            Draw
+          </span>
+        </p>
+
+        <p>
+          <button type="submit" name={key} value={gameState.withEmptyBoard().serialize()}>
+            <span class="start-new-game" style={gameState.board ? { display: "none" } : {}}>
+              Start game
+            </span>
+            <span class="start-clear-game" style={gameState.board ? {} : { display: "none" }}>
+              Restart game
+            </span>
+          </button>
+        </p>
       </form>
     </board-game>
   );