open-source-labs
diff --git a/‎app/src/components/main/Canvas.tsx
Lines changed: 3 additions & 3 deletions b/‎app/src/components/main/Canvas.tsx
Lines changed: 3 additions & 3 deletions
diff --git a/‎app/src/public/favicon.png
85.7 KB b/‎app/src/public/favicon.png
85.7 KB
diff --git a/‎app/src/public/icons/png/16x16.png
-612 Bytes b/‎app/src/public/icons/png/16x16.png
-612 Bytes
diff --git a/‎app/src/public/index.ejs
Lines changed: 4 additions & 0 deletions b/‎app/src/public/index.ejs
Lines changed: 4 additions & 0 deletions
@@ -39,12 +39,12 @@ function Canvas(props: {}): JSX.Element {
     setToggleText(toggleText === 'on' ? 'off' : 'on');
   };
 
-  // Prevents lagging and provides smoother user experience got live cursor tracking (milliseconds can be adjusted but 300ms is most optimal)
+  // Prevents lagging and provides smoother user experience got live cursor tracking (milliseconds can be adjusted but 500ms is most optimal)
   const debounceSetPosition = debounce((newX, newY) => {
     //emit socket event every 300ms when cursor moves
     if (userList.length > 1)
       emitEvent('cursorData', roomCode, { x: newX, y: newY, userName });
-  }, 300);
+  }, 500);
 
   const handleMouseMove = (e) => {
     debounceSetPosition(e.clientX, e.clientY);
@@ -355,7 +355,7 @@ function Canvas(props: {}): JSX.Element {
                 left: cursor.x + 'px',
                 top: cursor.y - 68 + 'px',
                 //cursor style
-                fontSize: '2em',
+                fontSize: '1em',
                 color: userColors[userList.indexOf(cursor.remoteUserName)]
               }}
             >
 
@@ -16,6 +16,10 @@
       rel="stylesheet"
       href="https://fonts.googleapis.com/icon?family=Material+Icons"
     />
+    <link
+      rel="icon"
+      href="https://raw.githubusercontent.com/open-source-labs/ReacType/master/app/src/public/icons/png/512x512.png"
+    />
   </head>
   <body>
     <div id="app"></div>