Add DEBUG flag for debug messages

react/src/components/Main.jsx

@@ -10,6 +10,7 @@ import Spinner from 'react-bootstrap/Spinner';
 import { faInfoCircle } from '@fortawesome/free-solid-svg-icons'
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
 
+const DEBUG = true;
 // use REMOTE_USER for production
 const username = 'louistw';
 
@@ -39,7 +40,7 @@ function Main(props) {
       e.stopPropagation();
     } else {
       showModal();
-      console.log('Modal showed')
+      if (DEBUG) console.log('Modal showed')
       socket.emit('request', {
         'username': username,
         'firstName': firstName.current.value,
@@ -50,24 +51,23 @@ function Main(props) {
   }
 
   useEffect(() => {
-    console.log(socket.rooms)
+    if (DEBUG) console.log(socket)
 
     // Define socketio events
   if (!isConnected) {
     socket.emit('join_room', {username}, () => setIsConnected(true));
     socket.on('message', data => {
-      console.log(data + ' ' + socket.id);
+      if (DEBUG) console.log(data + ' ' + socket.id);
     });
-
     socket.on('connect', data => {
-      console.log('on connect: ' + socket.id);
+      if (DEBUG) console.log('on connect: ' + socket.id);
     });
     socket.on('requested', data => {
-      console.log('Account requested');
+      if (DEBUG) console.log('Account requested');
       showModal();
     });
     socket.on('created', data => {
-      console.log('account has been created.')
+      if (DEBUG) console.log('account has been created.')
       let sec = 3;
       (function countdown () {
         setModalTitle("Your account is ready!");
@@ -75,7 +75,7 @@ function Main(props) {
         setTimeout(countdown, 1000);
       })()
       setTimeout(() => {
-        console.log('Redirecting to /test')
+        if (DEBUG) console.log('Redirecting to /test')
         window.location = '/test';
       }, sec * 1000);
     });