From 87e3e6bf66dc18a324417e05043874792749a8c5 Mon Sep 17 00:00:00 2001
From: MikunoNaka <bokuwakanojogahoshii@yahoo.com>
Date: Wed, 21 Jul 2021 19:43:33 +0530
Subject: Fixed styling and add prompt for player

---
 src/components/ScoreBoard.tsx | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

(limited to 'src/components/ScoreBoard.tsx')

diff --git a/src/components/ScoreBoard.tsx b/src/components/ScoreBoard.tsx
index 6d51deb..b50af30 100644
--- a/src/components/ScoreBoard.tsx
+++ b/src/components/ScoreBoard.tsx
@@ -22,13 +22,17 @@ import './style.css';
 interface Props {
   scoreX: number
   scoreO: number
+  turn: number
 }
 
 const ScoreBoard: React.FC<Props> = (props) => {
   return (
-    <div className={"ScoreBoard"}>
-      <span>X: {props.scoreX}</span>
-      <span>O: {props.scoreO}</span>
+    <div className={"ScoreBoardContainer"}>
+      <div className={"ScoreBoard"}>
+        <span>X: {props.scoreX}</span>
+        <span>O: {props.scoreO}</span>
+      </div>
+      <div className={"turnMessage"}>-- {props.turn === 0 ? "O" : "X"}'s turn --</div>
     </div>
   );
 }
-- 
cgit v1.2.3