multiple simultaneous games :tada:

1 files changed, 6 insertions, 1 deletions

diff --git a/components/gameBar.tsx b/components/gameBar.tsx
index a2ced12..439caea 100644
--- a/components/gameBar.tsx
+++ b/components/gameBar.tsx
@@ -29,6 +29,7 @@ var GameBarAlignStyle: CSSProperties = {
 export function GameBar(props: {
 	turn: boolean;
 	player1: boolean;
+	active: boolean;
 }) {
 	return <Vierkant className="gameBar" style={{
 		padding: 8,
@@ -48,7 +49,11 @@ export function GameBar(props: {
 					margin: 12,
 					verticalAlign: "top",
 					display: "inline-block"
-				}}>{ props.turn == props.player1 ? "Jouw beurt" : "Tegenstander" }</h2>
+				}}>{
+					!props.active ? "Wachten op tegenstander..." :
+					props.turn == props.player1 ?
+					"Jouw beurt" : "Tegenstander"
+					}</h2>
 			</div>
 			<div style={{
 				...GameBarAlignStyle,