From 6d2a71b064d3e1b7143b12b2a8872b928cf782fb Mon Sep 17 00:00:00 2001
From: simon987 <me@simon987.net>
Date: Tue, 27 Aug 2019 17:06:03 -0400
Subject: [PATCH] 'disconnected' hotfix

---
 js/main.js | 22 ++++++++++++----------
 1 file changed, 12 insertions(+), 10 deletions(-)

diff --git a/js/main.js b/js/main.js
index 80c990c..925ad3b 100644
--- a/js/main.js
+++ b/js/main.js
@@ -22,10 +22,10 @@ window.onload = function () {
     M.Chips.init(document.querySelectorAll(".chips"), {
         placeholder: "Type topic and press 'Enter'",
         secondaryPlaceholder: "+Topic",
-        onChipAdd: function(elem, chip) {
+        onChipAdd: function (elem, chip) {
             if (!validateTopic(chip.firstChild.wholeText)) {
                 helpModal.open();
-                chips.deleteChip(chips.chipsData.length-1);
+                chips.deleteChip(chips.chipsData.length - 1);
             }
         }
     });
@@ -71,8 +71,8 @@ function onConnectClick() {
         .dispatchEvent(
             new KeyboardEvent(
                 "keydown",
-                {bubbles : true, cancelable : true, key : "Enter", keyCode: 13}
-                )
+                {bubbles: true, cancelable: true, key: "Enter", keyCode: 13}
+            )
         );
 
     if (socket) {
@@ -121,12 +121,14 @@ function connect(exchange, topics) {
     };
 
     socket.onclose = (e) => {
-        console.log(e);
-        console.log(socket.CLOSED);
-        document.getElementById("connect").innerHTML = "Disconnected";
-        document.getElementById("connect").classList.remove("connected");
-        document.getElementById("connect").classList.remove("connecting");
-        document.getElementById("connect").classList.add("disconnected");
+        if (socket.readyState === socket.CLOSING || socket.readyState === socket.CLOSED) {
+            console.log(socket);
+            console.log(e);
+            document.getElementById("connect").innerHTML = "Disconnected";
+            document.getElementById("connect").classList.remove("connected");
+            document.getElementById("connect").classList.remove("connecting");
+            document.getElementById("connect").classList.add("disconnected");
+        }
     };
 
     socket.onerror = (e) => {