aboutsummaryrefslogtreecommitdiff
path: root/src/components/ScoreBoard.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/ScoreBoard.tsx')
-rw-r--r--src/components/ScoreBoard.tsx10
1 files changed, 7 insertions, 3 deletions
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>
);
}