From 55c5f64755e5d964603f4cc60bdf1ceeccf7df21 Mon Sep 17 00:00:00 2001 From: MikunoNaka Date: Thu, 22 Jul 2021 20:23:22 +0530 Subject: removed typescript "bloat" --- src/components/ScoreBoard.js | 34 ++++++++++++++++++++++++++++++++++ 1 file changed, 34 insertions(+) create mode 100644 src/components/ScoreBoard.js (limited to 'src/components/ScoreBoard.js') diff --git a/src/components/ScoreBoard.js b/src/components/ScoreBoard.js new file mode 100644 index 0000000..164c69e --- /dev/null +++ b/src/components/ScoreBoard.js @@ -0,0 +1,34 @@ +/* + * Tic Tac Toe - Minimalistic Tic Tac Toe + * Copyright (C) 2021 Vidhu Kant Sharma + * + * This program is free software: you can redistribute it and/or modify + * it under the terms of the GNU General Public License as published by + * the Free Software Foundation, either version 3 of the License, or + * (at your option) any later version. + * + * This program is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + * GNU General Public License for more details. + * + * You should have received a copy of the GNU General Public License + * along with this program. If not, see . + */ + +import React from 'react'; +import './style.css'; + +const ScoreBoard = (props) => { + return ( +
+
+ X: {props.scoreX} + O: {props.scoreO} +
+
-- {props.turn === 0 ? "O" : "X"}'s turn --
+
+ ); +} + +export default ScoreBoard; -- cgit v1.2.3 From b353dda4df7fc7be973e52a2f529360e7bfc8fed Mon Sep 17 00:00:00 2001 From: MikunoNaka Date: Sat, 24 Jul 2021 18:14:26 +0530 Subject: Added menu to host/join game and protection against cheating --- src/components/ScoreBoard.js | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) (limited to 'src/components/ScoreBoard.js') diff --git a/src/components/ScoreBoard.js b/src/components/ScoreBoard.js index 164c69e..d393285 100644 --- a/src/components/ScoreBoard.js +++ b/src/components/ScoreBoard.js @@ -26,7 +26,12 @@ const ScoreBoard = (props) => { X: {props.scoreX} O: {props.scoreO} -
-- {props.turn === 0 ? "O" : "X"}'s turn --
+
+ -- + {` ${props.turn === 0 ? "O" : "X"}'s turn `} + {props.multiplayer && ` (You are ${props.isHost ? "'X'" : "'O'"}) `} + -- +
); } -- cgit v1.2.3