updated frontend

html/index.html

@@ -14,13 +14,13 @@
       </div>
       <div class="buttonscontainer">
         <button id="togglefollowbtn" class="btn btn-primary btn-lg btn-block">Unfollow tracker</button>
-        <button id="upgradebtn" class="btn btn-primary btn-lg btn-block">Upgrade</button>
+        <button id="upgradebtn" class="btn btn-secondary btn-lg btn-block">Upgrade</button>
-        <button id="pingtrackerbtn" class="btn btn-primary btn-lg btn-block">Ping tracker</button>
+        <button id="pingtrackerbtn" class="btn btn-secondary btn-lg btn-block">Ping tracker</button>
       </div>
       <div class="buttonscontainer">
-        <button id="optionsbtn" class="btn btn-primary btn-lg btn-block">Options</button>
+        <button id="optionsbtn" class="btn btn-secondary btn-lg btn-block">Options</button>
-        <button id="socketstatusbtn" class="btn btn-primary btn-lg btn-block">WS Status</button>
+        <button id="socketstatusbtn" class="btn btn-secondary btn-lg btn-block">WS Status</button>
-        <button id="reloadwsbtn" class="btn btn-primary btn-lg btn-block">Reload WS</button>
+        <button id="reloadwsbtn" class="btn btn-secondary btn-lg btn-block">Reload WS</button>
       </div>
     </div>
     <script src="static/bootstrap/bootstrap.bundle.min.js" integrity="sha384-FKyoEForCGlyvwx9Hj09JcYn3nv7wiPVlz7YYwJrWVcXK/BmnVDxM+D2scQbITxI" crossorigin="anonymous"></script>

html/static/engine.js

@@ -150,6 +150,9 @@ function update() {
 
 function ping() {
   try {
+    if (socket.readyState > 1) {
+      throw "closed socket";
+    }
     socket.send("ping")
   } catch (err) {
     console.log(err);