user trackign colors, working-incomplete

Author: lauraafor

app/src/components/main/Canvas.tsx

@@ -222,6 +222,23 @@ function Canvas(props: {}): JSX.Element {
     currentComponent.style
   );
 
+  // const userColors = ['#FC00BD', '#D0FC00', '#00DBFC', '#FD98B8', '#FCAA00', '#9267FF']
+  // // const colorMaker = () => {
+  // //   let i = Math.floor(Math.random() * userColors.length);
+  // //   let color = userColors[i];
+  // //   userColors.splice(i, 1)
+  // //   return color
+  // // }
+  // const colorSelect = (index = 0) => {
+  //   let color = userColors[index];
+  //   index++
+  //   return color
+  // }
+  // let setColor = colorSelect()
+  //or set as object and add key value pair of that username or id, for/of the object to pull the correct color
+
+
+
   return (
     <div
       className={'componentContainer'}
@@ -241,8 +258,8 @@ function Canvas(props: {}): JSX.Element {
             left: remoteCursor.x + 'px',
             top: remoteCursor.y - 68 + 'px',
             //cursor style
-            fontSize: '40px',
-            color: '#46c0a5'
+            fontSize: '2em',
+            color: '#FC00BD'
           }}
         >
           {<GiBoba />}

package.json

@@ -1,6 +1,6 @@
 {
   "name": "reactype",
-  "version": "18.0.0 by Sonya Hu, Hadrian Chan, Nam Ha, Rick McGrath",
+  "version": "19.0.0 by Rose Jiang, Laura Forden, Lauren Leer, Sean Kil",
   "description": "Prototyping tool for React/Typescript Applications.",
   "private": true,
   "main": "app/.electron/main.js",