From 0ddd056990d33f335cefc7f0a633e837ce7e116a Mon Sep 17 00:00:00 2001
From: lonkaars <l.leblansch@gmail.com>
Date: Fri, 19 Feb 2021 20:32:24 +0100
Subject: working connect 4 game on website

---
 pages/_app.tsx |  1 +
 pages/game.tsx | 12 +++++-------
 2 files changed, 6 insertions(+), 7 deletions(-)

(limited to 'pages')

diff --git a/pages/_app.tsx b/pages/_app.tsx
index 23f9f79..8bf06e2 100644
--- a/pages/_app.tsx
+++ b/pages/_app.tsx
@@ -1,5 +1,6 @@
 import '../styles/global.css';
 import '../styles/dark.css';
+import '../styles/disk.css';
 
 export default function VierOpEenRijWebsite({ Component, pageProps }) {
 	return <Component {...pageProps}/>
diff --git a/pages/game.tsx b/pages/game.tsx
index f49e248..8be8f5a 100644
--- a/pages/game.tsx
+++ b/pages/game.tsx
@@ -59,6 +59,10 @@ class VoerGame extends Component<VoerGameProps> {
 		this.io.on("disconnect", () => {
 			console.log("disconnect")
 		})
+		this.io.on("fieldUpdate", (data: { field: string }) => {
+			for(let i = 0; i < data.field.length; i++)
+				document.getElementById(`pos-${i}`).parentNode.children.item(1).classList.add(`state-${data.field[i]}`);
+		})
 	}
 
 	io: Socket;
@@ -76,7 +80,6 @@ class VoerGame extends Component<VoerGameProps> {
 	userID = "";
 
 	move(column: number) {
-		console.log(column)
 		if(this.state.userID == "") {
 			axios.request<userInfo>({
 				method: "get",
@@ -86,12 +89,7 @@ class VoerGame extends Component<VoerGameProps> {
 			.then(request => this.setState({ userID: request.data.id }))
 			.catch(() => {});
 		}
-		console.log("emitted this", {
-			move: column,
-			token: cookies.load("token"),
-			gameID: "fortnite"
-		})
-		this.io.emit("new_move", {
+		this.io.emit("newMove", {
 			move: column,
 			token: cookies.load("token"),
 			gameID: "fortnite"
-- 
cgit v1.2.3