Quick fix to enforce removal of canvas from page on mobile.

ntslive · Sep 6, 2017 · 7674e5e · 7674e5e
1 parent b89970e
commit 7674e5e
Show file tree

Hide file tree

Showing 5 changed files with 10 additions and 6 deletions.
diff --git a/client.js b/client.js
@@ -14,7 +14,7 @@ ga('create', 'UA-6061419-3', 'auto');
 
 function setupRadioPlayer() {
     const width = window.innerWidth;
-    const isMobile = width <= 500;
+    const isMobile = width <= 767;
 
     let audioElement = document.getElementById('nts-player-audio');
     let radioIsPlaying = false;
@@ -103,9 +103,13 @@ function setupRadioPlayer() {
     setInterval(handleRadioTextDisplay, 5000);
 }
 
-
 $(document).ready(function() {
     // ga('send', 'pageview', window.location.pathname); // FIXME unncomment for live!!!
 
     setupRadioPlayer();
+
+    const isMobile = window.innerWidth <= 767;
+    if (isMobile) {
+        $('canvas').remove();
+    }
 });
diff --git a/public/js/app.min.js b/public/js/app.min.js
diff --git a/public/js/app.min.js.map b/public/js/app.min.js.map
diff --git a/react/Collage/Collage.jsx b/react/Collage/Collage.jsx
@@ -104,7 +104,7 @@ class Collage extends React.Component {
         window.addEventListener('resize', resizeCanvas, false);
 
         function resizeCanvas() {
-            if (window.innerWidth <= 500) return;
+            if (window.innerWidth <= 767) return;
 
             that.canvas.setHeight(window.innerHeight);
             that.canvas.setWidth(window.innerWidth);

diff --git a/react/react-index.jsx b/react/react-index.jsx
@@ -176,7 +176,7 @@ class App extends React.Component {
 
     render() {
         const width = this.state.windowWidth;
-        const isMobile = width <= 500;
+        const isMobile = width <= 767;
 
         if (isMobile) {
             console.log("isMobile");