Adds Photo Resistor and thermister and new styles

Stewest · Stewest · commit 7829d06b66a6 · 2020-12-19T21:21:49.000+02:00
diff --git a/j5ardi/socket-io-client/.eslintcache b/j5ardi/socket-io-client/.eslintcache
@@ -1 +1 @@
-[{"/Users/stewwest/git/arduino/j5-arduino-react/j5ardi/socket-io-client/src/reportWebVitals.js":"1","/Users/stewwest/git/arduino/j5-arduino-react/j5ardi/socket-io-client/src/index.js":"2","/Users/stewwest/git/arduino/j5-arduino-react/j5ardi/socket-io-client/src/App.js":"3","/Users/stewwest/git/arduino/j5-arduino-react/j5ardi/socket-io-client/src/components/ClientComponent.js":"4"},{"size":362,"mtime":1608293564123,"results":"5","hashOfConfig":"6"},{"size":500,"mtime":1608314243147,"results":"7","hashOfConfig":"6"},{"size":507,"mtime":1608356308526,"results":"8","hashOfConfig":"6"},{"size":899,"mtime":1608360258475,"results":"9","hashOfConfig":"6"},{"filePath":"10","messages":"11","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"123r0tf",{"filePath":"12","messages":"13","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"14","messages":"15","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"16","messages":"17","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"/Users/stewwest/git/arduino/j5-arduino-react/j5ardi/socket-io-client/src/reportWebVitals.js",[],"/Users/stewwest/git/arduino/j5-arduino-react/j5ardi/socket-io-client/src/index.js",[],"/Users/stewwest/git/arduino/j5-arduino-react/j5ardi/socket-io-client/src/App.js",[],"/Users/stewwest/git/arduino/j5-arduino-react/j5ardi/socket-io-client/src/components/ClientComponent.js",[]]
+[{"/Users/stewwest/git/arduino/j5-arduino-react/j5ardi/socket-io-client/src/reportWebVitals.js":"1","/Users/stewwest/git/arduino/j5-arduino-react/j5ardi/socket-io-client/src/index.js":"2","/Users/stewwest/git/arduino/j5-arduino-react/j5ardi/socket-io-client/src/App.js":"3","/Users/stewwest/git/arduino/j5-arduino-react/j5ardi/socket-io-client/src/components/ClientComponent.js":"4"},{"size":362,"mtime":1608293564123,"results":"5","hashOfConfig":"6"},{"size":500,"mtime":1608314243147,"results":"7","hashOfConfig":"6"},{"size":530,"mtime":1608402793725,"results":"8","hashOfConfig":"6"},{"size":1887,"mtime":1608405540308,"results":"9","hashOfConfig":"6"},{"filePath":"10","messages":"11","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"123r0tf",{"filePath":"12","messages":"13","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"14","messages":"15","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"16","messages":"17","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"/Users/stewwest/git/arduino/j5-arduino-react/j5ardi/socket-io-client/src/reportWebVitals.js",[],"/Users/stewwest/git/arduino/j5-arduino-react/j5ardi/socket-io-client/src/index.js",[],"/Users/stewwest/git/arduino/j5-arduino-react/j5ardi/socket-io-client/src/App.js",[],"/Users/stewwest/git/arduino/j5-arduino-react/j5ardi/socket-io-client/src/components/ClientComponent.js",[]]
diff --git a/j5ardi/socket-io-client/package.json b/j5ardi/socket-io-client/package.json
@@ -11,8 +11,7 @@
     "react-scripts": "4.0.1",
     "socket.io-client": "^3.0.4",
     "web-vitals": "^0.2.4",
-    "dotenv": "^8.2.0",
-    "johnny-five": "^1.4.0"
+    "dotenv": "^8.2.0"
   },
   "scripts": {
     "start": "react-scripts start",
diff --git a/j5ardi/socket-io-client/src/App.css b/j5ardi/socket-io-client/src/App.css
@@ -39,7 +39,7 @@
 
 .grid {
   display: grid;
-  grid-template-columns: 200px 200px;
+  grid-template-columns: 200px 200px 200px;
   grid-template-rows: 200px 200px;
   grid-gap: 20px;
   align-items: center;
@@ -56,11 +56,77 @@
   display: grid;
   justify-content: center;
   align-content: center;
+  position: relative;
 }
 
 .light {
   background-color: #fff286;
-  border-radius: 50%;
+  border-radius: 50% 50% 30px 30px;
   width: 100%;
   height: 100%;
+  overflow: hidden;
+  z-index: 1;
+}
+
+.light span {
+  z-index: 5;
+  position: relative;
+}
+
+.light-bottom {
+  position: absolute;
+  bottom: -15px;
+  border: 1px solid silver;
+  width: 100%;
+  background-color: silver;
+  margin: auto;
+  left: 0;
+  right: 0;
+  height: 40px;
+  z-index: 3;
+}
+
+.light-fill {
+  display: block;
+  position: absolute;
+  width: 100%;
+  background: aliceblue;
+  bottom: 0;
+  z-index: 2;
+  transition: height 0.3 ease-in-out;
+}
+
+.led-red,
+.led-blue,
+.led-green {
+  background-color: transparent;
+  border-radius: 50%;
+  display: inline-block;
+  width: 30px;
+  height: 30px;
+  margin: 10px auto 0;
+}
+
+.led-red {
+  border: 3px solid red;
+}
+
+.led-red.is-on {
+  background-color: red;
+}
+
+.led-blue {
+  border: 2px solid rgb(27, 135, 185);
+}
+
+.led-blue.is-on {
+  background-color: rgb(27, 135, 185);
+}
+
+.led-green {
+  border: 2px solid green;
+}
+
+.led-green.is-on {
+  background-color: green;
 }
diff --git a/j5ardi/socket-io-client/src/App.js b/j5ardi/socket-io-client/src/App.js
@@ -13,7 +13,7 @@ function App() {
         {loadClient ? 'STOP CLIENT' : 'Start Client'}
       </button>
       {/* SOCKET IO CLIENT*/}
-      {loadClient ? <ClientComponent /> : null}
+      {loadClient ? <ClientComponent loadClient={loadClient}/> : null}
     </>
   );
 }
diff --git a/j5ardi/socket-io-client/src/components/ClientComponent.js b/j5ardi/socket-io-client/src/components/ClientComponent.js
@@ -6,6 +6,7 @@ require('dotenv').config();
 export default function ClientComponent() {
   const [light, setLight] = useState("");
   const [led, setLed] = useState("");
+  const [temp, setTemp] = useState("");
 
   const ENDPOINT = process.env.REACT_APP_ENDPOINT;
 
@@ -20,27 +21,55 @@ export default function ClientComponent() {
       setLed(data);
     });
 
+    socket.on("FromTemp", (data) => {
+      setTemp(data);
+    });
+
   }, [ENDPOINT]);
 
   let lightVar = 'OFF';
-  let ledStatus = 'OFF';
+  let luminosity;
+  let lightNumb;
+  let ledStatus = false;
+  let temperatureC;
+  let temperatureF;
 
   if (light.item === 'light') {
     lightVar = light.msg;
+    lightNumb = parseFloat(lightVar / 6.1).toFixed(2);
+    luminosity = lightNumb;
   }
 
+  let divStyle = {
+    height: luminosity + '%',
+  };
+
   if (led.item === 'led') {
     ledStatus = led.msg;
   }
 
+  if (temp.c || temp.f) {
+    temperatureC = temp.c;
+    temperatureF = parseFloat((temp.c * 9 / 5) + 32).toFixed(2);
+  }
+
   return (
     <div className="grid">
       <div className="item light">
-        Light: {lightVar}
+        <span>Light: {lightNumb}</span>
+        <div className="light-fill" style={divStyle}>&nbsp;</div>
+        <div className="light-bottom">&nbsp;</div>
       </div>
+
       <div className="item led">
-        LED: {ledStatus}
+        LEDs: {ledStatus ? 'ON':'OFF'}
+        {ledStatus ? <div className="led-red is-on"></div> : <div className="led-red"></div> }
+        {ledStatus ? <div className="led-green is-on"></div> : <div className="led-green"></div> }
+        {ledStatus ? <div className="led-blue is-on"></div> : <div className="led-blue"></div> }
       </div>
+
+      <div className="item temp"><h3>TEMP:</h3><br />
+        {temperatureC} 'C / {temperatureF} 'F</div>
     </div>
   );
 }
diff --git a/j5ardi/socket-io-client/yarn.lock b/j5ardi/socket-io-client/yarn.lock
@@ -1662,6 +1662,11 @@
   dependencies:
     "@babel/types" "^7.3.0"
 
+"@types/component-emitter@^1.2.10":
+  version "1.2.10"
+  resolved "https://registry.yarnpkg.com/@types/component-emitter/-/component-emitter-1.2.10.tgz#ef5b1589b9f16544642e473db5ea5639107ef3ea"
+  integrity sha512-bsjleuRKWmGqajMerkzox19aGbscQX5rmmvvXl3wlIp5gMG1HgkiwPxsN5p070fBDKTNSPgojVbuY1+HWMbFhg==
+
 "@types/eslint@^7.2.4":
   version "7.2.5"
   resolved "https://registry.yarnpkg.com/@types/eslint/-/eslint-7.2.5.tgz#92172ecf490c2fce4b076739693d75f30376d610"
@@ -2636,11 +2641,21 @@ babylon@^6.18.0:
   resolved "https://registry.yarnpkg.com/babylon/-/babylon-6.18.0.tgz#af2f3b88fa6f5c1e4c634d1a0f8eac4f55b395e3"
   integrity sha512-q/UEjfGJ2Cm3oKV71DJz9d25TPnq5rhBVL2Q4fA5wcC3jcrdn7+SssEybFIxwAvvP+YCsCYNKughoF33GxgycQ==
 
+backo2@1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/backo2/-/backo2-1.0.2.tgz#31ab1ac8b129363463e35b3ebb69f4dfcfba7947"
+  integrity sha1-MasayLEpNjRj41s+u2n038+6eUc=
+
 balanced-match@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-1.0.0.tgz#89b4d199ab2bee49de164ea02b89ce462d71b767"
   integrity sha1-ibTRmasr7kneFk6gK4nORi1xt2c=
 
+base64-arraybuffer@0.1.4:
+  version "0.1.4"
+  resolved "https://registry.yarnpkg.com/base64-arraybuffer/-/base64-arraybuffer-0.1.4.tgz#9818c79e059b1355f97e0428a017c838e90ba812"
+  integrity sha1-mBjHngWbE1X5fgQooBfIOOkLqBI=
+
 base64-js@^1.0.2:
   version "1.5.1"
   resolved "https://registry.yarnpkg.com/base64-js/-/base64-js-1.5.1.tgz#1b1b440160a5bf7ad40b650f095963481903930a"
@@ -3318,7 +3333,12 @@ commondir@^1.0.1:
   resolved "https://registry.yarnpkg.com/commondir/-/commondir-1.0.1.tgz#ddd800da0c66127393cca5950ea968a3aaf1253b"
   integrity sha1-3dgA2gxmEnOTzKWVDqloo6rxJTs=
 
-component-emitter@^1.2.1:
+component-bind@1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/component-bind/-/component-bind-1.0.0.tgz#00c608ab7dcd93897c0009651b1d3a8e1e73bbd1"
+  integrity sha1-AMYIq33Nk4l8AAllGx06jh5zu9E=
+
+component-emitter@^1.2.1, component-emitter@~1.3.0:
   version "1.3.0"
   resolved "https://registry.yarnpkg.com/component-emitter/-/component-emitter-1.3.0.tgz#16e4070fba8ae29b679f2215853ee181ab2eabc0"
   integrity sha512-Rd3se6QB+sO1TwqZjscQrurpEPIfO0/yYnSin6Q/rD3mOutHvUrCAhJub3r90uNb+SESBuE0QYoB90YdfatsRg==
@@ -3864,6 +3884,13 @@ debug@^4.0.1, debug@^4.1.0, debug@^4.1.1:
   dependencies:
     ms "2.1.2"
 
+debug@~4.1.0:
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/debug/-/debug-4.1.1.tgz#3b72260255109c6b589cee050f1d516139664791"
+  integrity sha512-pYAIzeRo8J6KPEaJ0VWOh5Pzkbw/RetuzehGM7QRRX5he4fPHx2rdKMB256ehJCkX+XRQm16eZLqLNS8RSZXZw==
+  dependencies:
+    ms "^2.1.1"
+
 decamelize@^1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/decamelize/-/decamelize-1.2.0.tgz#f6534d15148269b20352e7bee26f501f9a191290"
@@ -4145,7 +4172,7 @@ dotenv-expand@5.1.0:
   resolved "https://registry.yarnpkg.com/dotenv-expand/-/dotenv-expand-5.1.0.tgz#3fbaf020bfd794884072ea26b1e9791d45a629f0"
   integrity sha512-YXQl1DSa4/PQyRfgrv6aoNjhasp/p4qs9FjJ4q4cQk+8m4r6k4ZSiEyytKG8f8W9gi8WsQtIObNmKd+tMzNTmA==
 
-dotenv@8.2.0:
+dotenv@8.2.0, dotenv@^8.2.0:
   version "8.2.0"
   resolved "https://registry.yarnpkg.com/dotenv/-/dotenv-8.2.0.tgz#97e619259ada750eea3e4ea3e26bceea5424b16a"
   integrity sha512-8sJ78ElpbDJBHNeBzUbUVLsqKdccaa/BXF1uPTw3GrvQTBgrQrtObr2mUrE38vzYd8cEv+m/JBfDLioYcfXoaw==
@@ -4243,6 +4270,29 @@ end-of-stream@^1.0.0, end-of-stream@^1.1.0:
   dependencies:
     once "^1.4.0"
 
+engine.io-client@~4.0.0:
+  version "4.0.5"
+  resolved "https://registry.yarnpkg.com/engine.io-client/-/engine.io-client-4.0.5.tgz#e12b05a11a7a3cccec6d69f9af8435146e3d507e"
+  integrity sha512-1lkn0QdekHQPMTcxUh8LqIuxQHNtKV5GvqkQzmZ1rYKAvB6puMm13U7K1ps3OQZ4joE46asQiAKrcdL9weNEVw==
+  dependencies:
+    base64-arraybuffer "0.1.4"
+    component-emitter "~1.3.0"
+    debug "~4.1.0"
+    engine.io-parser "~4.0.1"
+    has-cors "1.1.0"
+    parseqs "0.0.6"
+    parseuri "0.0.6"
+    ws "~7.2.1"
+    xmlhttprequest-ssl "~1.5.4"
+    yeast "0.1.2"
+
+engine.io-parser@~4.0.1:
+  version "4.0.2"
+  resolved "https://registry.yarnpkg.com/engine.io-parser/-/engine.io-parser-4.0.2.tgz#e41d0b3fb66f7bf4a3671d2038a154024edb501e"
+  integrity sha512-sHfEQv6nmtJrq6TKuIz5kyEKH/qSdK56H/A+7DnAuUPWosnIZAS2NHNcPLmyjtY3cGS/MqJdZbUjW97JU72iYg==
+  dependencies:
+    base64-arraybuffer "0.1.4"
+
 enhanced-resolve@^4.3.0:
   version "4.3.0"
   resolved "https://registry.yarnpkg.com/enhanced-resolve/-/enhanced-resolve-4.3.0.tgz#3b806f3bfafc1ec7de69551ef93cca46c1704126"
@@ -5311,6 +5361,11 @@ harmony-reflect@^1.4.6:
   resolved "https://registry.yarnpkg.com/harmony-reflect/-/harmony-reflect-1.6.1.tgz#c108d4f2bb451efef7a37861fdbdae72c9bdefa9"
   integrity sha512-WJTeyp0JzGtHcuMsi7rw2VwtkvLa+JyfEKJCFyfcS0+CDkjQ5lHPu7zEhFZP+PDSRrEgXa5Ah0l1MbgbE41XjA==
 
+has-cors@1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/has-cors/-/has-cors-1.1.0.tgz#5e474793f7ea9843d1bb99c23eef49ff126fff39"
+  integrity sha1-XkdHk/fqmEPRu5nCPu9J/xJv/zk=
+
 has-flag@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-3.0.0.tgz#b5d454dc2199ae225699f3467e5a07f3b955bafd"
@@ -7798,6 +7853,16 @@ parse5@5.1.1:
   resolved "https://registry.yarnpkg.com/parse5/-/parse5-5.1.1.tgz#f68e4e5ba1852ac2cadc00f4555fff6c2abb6178"
   integrity sha512-ugq4DFI0Ptb+WWjAdOK16+u/nHfiIrcE+sh8kZMaM0WllQKLI9rOUq6c2b7cwPkXdzfQESqvoqK6ug7U/Yyzug==
 
+parseqs@0.0.6:
+  version "0.0.6"
+  resolved "https://registry.yarnpkg.com/parseqs/-/parseqs-0.0.6.tgz#8e4bb5a19d1cdc844a08ac974d34e273afa670d5"
+  integrity sha512-jeAGzMDbfSHHA091hr0r31eYfTig+29g3GKKE/PPbEQ65X0lmMwlEoqmhzu0iztID5uJpZsFlUPDP8ThPL7M8w==
+
+parseuri@0.0.6:
+  version "0.0.6"
+  resolved "https://registry.yarnpkg.com/parseuri/-/parseuri-0.0.6.tgz#e1496e829e3ac2ff47f39a4dd044b32823c4a25a"
+  integrity sha512-AUjen8sAkGgao7UyCX6Ahv0gIK2fABKmYjvP4xmy5JaKvcbTRueIqIPHLAfq30xJddqSE033IOMUSOMCcK3Sow==
+
 parseurl@~1.3.2, parseurl@~1.3.3:
   version "1.3.3"
   resolved "https://registry.yarnpkg.com/parseurl/-/parseurl-1.3.3.tgz#9da19e7bee8d12dff0513ed5b76957793bc2e8d4"
@@ -9798,6 +9863,29 @@ snapdragon@^0.8.1:
     source-map-resolve "^0.5.0"
     use "^3.1.0"
 
+socket.io-client@^3.0.4:
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/socket.io-client/-/socket.io-client-3.0.4.tgz#c0203419a9f71e1360ef92a31301e80260e94bb9"
+  integrity sha512-qMvBuS+W9JIN2mkfAWDCxuIt+jpIKDf8C0604zEqx1JrPaPSS6cN0F3B2GYWC83TqBeVJXW66GFxWV3KD88n0Q==
+  dependencies:
+    "@types/component-emitter" "^1.2.10"
+    backo2 "1.0.2"
+    component-bind "1.0.0"
+    component-emitter "~1.3.0"
+    debug "~4.1.0"
+    engine.io-client "~4.0.0"
+    parseuri "0.0.6"
+    socket.io-parser "~4.0.1"
+
+socket.io-parser@~4.0.1:
+  version "4.0.2"
+  resolved "https://registry.yarnpkg.com/socket.io-parser/-/socket.io-parser-4.0.2.tgz#3d021a9c86671bb079e7c6c806db6a1d9b1bc780"
+  integrity sha512-Bs3IYHDivwf+bAAuW/8xwJgIiBNtlvnjYRc4PbXgniLmcP1BrakBoq/QhO24rgtgW7VZ7uAaswRGxutUnlAK7g==
+  dependencies:
+    "@types/component-emitter" "^1.2.10"
+    component-emitter "~1.3.0"
+    debug "~4.1.0"
+
 sockjs-client@1.4.0:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/sockjs-client/-/sockjs-client-1.4.0.tgz#c9f2568e19c8fd8173b4997ea3420e0bb306c7d5"
@@ -11307,6 +11395,11 @@ ws@^7.2.3:
   resolved "https://registry.yarnpkg.com/ws/-/ws-7.4.0.tgz#a5dd76a24197940d4a8bb9e0e152bb4503764da7"
   integrity sha512-kyFwXuV/5ymf+IXhS6f0+eAFvydbaBW3zjpT6hUdAh/hbVjTIB5EHBGi0bPoCLSK2wcuz3BrEkB9LrYv1Nm4NQ==
 
+ws@~7.2.1:
+  version "7.2.5"
+  resolved "https://registry.yarnpkg.com/ws/-/ws-7.2.5.tgz#abb1370d4626a5a9cd79d8de404aa18b3465d10d"
+  integrity sha512-C34cIU4+DB2vMyAbmEKossWq2ZQDr6QEyuuCzWrM9zfw1sGc0mYiJ0UnG9zzNykt49C2Fi34hvr2vssFQRS6EA==
+
 xml-name-validator@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/xml-name-validator/-/xml-name-validator-3.0.0.tgz#6ae73e06de4d8c6e47f9fb181f78d648ad457c6a"
@@ -11317,6 +11410,11 @@ xmlchars@^2.2.0:
   resolved "https://registry.yarnpkg.com/xmlchars/-/xmlchars-2.2.0.tgz#060fe1bcb7f9c76fe2a17db86a9bc3ab894210cb"
   integrity sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==
 
+xmlhttprequest-ssl@~1.5.4:
+  version "1.5.5"
+  resolved "https://registry.yarnpkg.com/xmlhttprequest-ssl/-/xmlhttprequest-ssl-1.5.5.tgz#c2876b06168aadc40e57d97e81191ac8f4398b3e"
+  integrity sha1-wodrBhaKrcQOV9l+gRkayPQ5iz4=
+
 xtend@^4.0.0, xtend@~4.0.1:
   version "4.0.2"
   resolved "https://registry.yarnpkg.com/xtend/-/xtend-4.0.2.tgz#bb72779f5fa465186b1f438f674fa347fdb5db54"
@@ -11390,3 +11488,8 @@ yargs@^15.4.1:
     which-module "^2.0.0"
     y18n "^4.0.0"
     yargs-parser "^18.1.2"
+
+yeast@0.1.2:
+  version "0.1.2"
+  resolved "https://registry.yarnpkg.com/yeast/-/yeast-0.1.2.tgz#008e06d8094320c372dbc2f8ed76a0ca6c8ac419"
+  integrity sha1-AI4G2AlDIMNy28L47XagymyKxBk=
diff --git a/j5ardi/socket-io-server/app.js b/j5ardi/socket-io-server/app.js
diff --git a/j5ardi/socket-io-server/package.json b/j5ardi/socket-io-server/package.json
diff --git a/j5ardi/socket-io-server/yarn.lock b/j5ardi/socket-io-server/yarn.lock

Original file line number	Diff line number	Diff line change
`@@ -1 +1 @@`
`1`		-[{"/Users/stewwest/git/arduino/j5-arduino-react/j5ardi/socket-io-client/src/reportWebVitals.js":"1","/Users/stewwest/git/arduino/j5-arduino-react/j5ardi/socket-io-client/src/index.js":"2","/Users/stewwest/git/arduino/j5-arduino-react/j5ardi/socket-io-client/src/App.js":"3","/Users/stewwest/git/arduino/j5-arduino-react/j5ardi/socket-io-client/src/components/ClientComponent.js":"4"},{"size":362,"mtime":1608293564123,"results":"5","hashOfConfig":"6"},{"size":500,"mtime":1608314243147,"results":"7","hashOfConfig":"6"},{"size":507,"mtime":1608356308526,"results":"8","hashOfConfig":"6"},{"size":899,"mtime":1608360258475,"results":"9","hashOfConfig":"6"},{"filePath":"10","messages":"11","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"123r0tf",{"filePath":"12","messages":"13","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"14","messages":"15","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"16","messages":"17","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"/Users/stewwest/git/arduino/j5-arduino-react/j5ardi/socket-io-client/src/reportWebVitals.js",[],"/Users/stewwest/git/arduino/j5-arduino-react/j5ardi/socket-io-client/src/index.js",[],"/Users/stewwest/git/arduino/j5-arduino-react/j5ardi/socket-io-client/src/App.js",[],"/Users/stewwest/git/arduino/j5-arduino-react/j5ardi/socket-io-client/src/components/ClientComponent.js",[]]
	`1`	+[{"/Users/stewwest/git/arduino/j5-arduino-react/j5ardi/socket-io-client/src/reportWebVitals.js":"1","/Users/stewwest/git/arduino/j5-arduino-react/j5ardi/socket-io-client/src/index.js":"2","/Users/stewwest/git/arduino/j5-arduino-react/j5ardi/socket-io-client/src/App.js":"3","/Users/stewwest/git/arduino/j5-arduino-react/j5ardi/socket-io-client/src/components/ClientComponent.js":"4"},{"size":362,"mtime":1608293564123,"results":"5","hashOfConfig":"6"},{"size":500,"mtime":1608314243147,"results":"7","hashOfConfig":"6"},{"size":530,"mtime":1608402793725,"results":"8","hashOfConfig":"6"},{"size":1887,"mtime":1608405540308,"results":"9","hashOfConfig":"6"},{"filePath":"10","messages":"11","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"123r0tf",{"filePath":"12","messages":"13","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"14","messages":"15","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"16","messages":"17","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"/Users/stewwest/git/arduino/j5-arduino-react/j5ardi/socket-io-client/src/reportWebVitals.js",[],"/Users/stewwest/git/arduino/j5-arduino-react/j5ardi/socket-io-client/src/index.js",[],"/Users/stewwest/git/arduino/j5-arduino-react/j5ardi/socket-io-client/src/App.js",[],"/Users/stewwest/git/arduino/j5-arduino-react/j5ardi/socket-io-client/src/components/ClientComponent.js",[]]
Original file line number	Diff line number	Diff line change
`@@ -13,7 +13,7 @@ function App() {`
`13`	`13`	`{loadClient ? 'STOP CLIENT' : 'Start Client'}`
`14`	`14`	`</button>`
`15`	`15`	`{/* SOCKET IO CLIENT*/}`
`16`		`- {loadClient ? <ClientComponent /> : null}`
	`16`	`+ {loadClient ? <ClientComponent loadClient={loadClient}/> : null}`
`17`	`17`	`</>`
`18`	`18`	`);`
`19`	`19`	`}`