From 16044fbf61b06f4d53e2ffcab67569721b3792e2 Mon Sep 17 00:00:00 2001
From: lonkaars <l.leblansch@gmail.com>
Date: Sat, 20 Feb 2021 09:58:18 +0100
Subject: game outcome done

---
 components/gameBar.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

(limited to 'components')

diff --git a/components/gameBar.tsx b/components/gameBar.tsx
index daa723e..b1e6a2d 100644
--- a/components/gameBar.tsx
+++ b/components/gameBar.tsx
@@ -26,7 +26,9 @@ var GameBarAlignStyle: CSSProperties = {
 	display: "inline-block"
 }
 
-export function GameBar() {
+export function GameBar(props: {
+	turn: boolean;
+}) {
 	return <Vierkant className="gameBar" style={{
 		padding: 8,
 		width: "calc(100% - 12px)"
@@ -36,7 +38,7 @@ export function GameBar() {
 				<div style={{
 					width: 32, height: 32,
 					margin: 8,
-					backgroundColor: "var(--disk-b)",
+					backgroundColor: props.turn ? "var(--disk-b)" : "var(--disk-a)",
 					borderRadius: 16,
 					display: "inline-block"
 				}}/>
@@ -45,7 +47,7 @@ export function GameBar() {
 					margin: 12,
 					verticalAlign: "top",
 					display: "inline-block"
-				}}>Tegenstander</h2>
+				}}>{ props.turn ? "Jouw beurt" : "Tegenstander" }</h2>
 			</div>
 			<div style={{
 				...GameBarAlignStyle,
-- 
cgit v1.2.3