From 59f16d74137e3afdcad74bf98249892747aef58b Mon Sep 17 00:00:00 2001
From: Dan Barber <github@danbarber.me>
Date: Mon, 26 Feb 2018 22:59:55 -0500
Subject: [PATCH] Add debugging for channels

---
 assets/js/components/chess-board.js | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/assets/js/components/chess-board.js b/assets/js/components/chess-board.js
index ba0cde6..ebe9158 100644
--- a/assets/js/components/chess-board.js
+++ b/assets/js/components/chess-board.js
@@ -23,7 +23,9 @@ class ChessBoard extends React.Component {
       });
 
     this.channel = socket.channel("game:" + gameId, {});
-    this.channel.join();
+    this.channel.join()
+      .receive("ok", resp => { console.log("Joined successfully", resp) })
+      .receive("error", resp => { console.log("Unable to join", resp) });
 
     this.channel.on("game_update", data => {
       store.dispatch(setGame(data));
@@ -131,7 +133,7 @@ class ChessBoard extends React.Component {
         <tfoot>
           <tr className="board-border-bottom">
             <th className="board-border-left"></th>
-            <th colspan="8"></th>
+            <th colSpan="8"></th>
             <th className="board-border-left"></th>
           </tr>
         </tfoot>