Merge pull request #4 from oslabs-beta/DBBRanch

series selector interaction added

Author: dangitbobbeh

src/app/components/App.tsx

@@ -12,6 +12,7 @@ const initialState:{port: null|number,
   };
 
 function App(): JSX.Element {
+  console.log("window")
   return (
     <StoreContext.Provider value={useReducer(mainReducer, initialState)}>
       <MainContainer />

src/app/components/BarGraphComparison.tsx

@@ -74,8 +74,9 @@ const BarGraphComparison = (props) => {
   const [maxRender, setMaxRender] = React.useState(data.maxTotalRender);
 
   function titleFilter(comparisonArray) {
+    console.log("titleFilter comparison array", comparisonArray)
     return comparisonArray.filter(
-      (elem) => elem.title === tabs[currentTab].title
+      (elem) => elem.title.split('-')[1] === tabs[currentTab].title.split('-')[1]
     );
   }
 
@@ -165,18 +166,22 @@ const BarGraphComparison = (props) => {
   const classes = useStyles();
 
   const handleChange = (event) => {
+    console.log('in handlechange function')
+    console.log('event.target.value', event.target.value)
     setSeries(event.target.value);
-    setXpoints();
+    // setXpoints();
   };
 
   const handleClose = () => {
+    console.log('in handleclose function')
     setOpen(false);
-    setXpoints();
+    // setXpoints();
   };
 
   const handleOpen = () => {
+    console.log('in handleopen function')
     setOpen(true);
-    setXpoints();
+    // setXpoints();
   };
 
   //manually assignin X -axis points with tab ID.

src/app/components/PerformanceVisx.tsx

@@ -81,11 +81,13 @@ const allStorage = () => {
   const values = [];
   const keys = Object.keys(localStorage);
   let i = keys.length;
+  console.log('allstorage keys', keys)
 
   while (i--) {
     const series = localStorage.getItem(keys[i]);
     values.push(JSON.parse(series));
   }
+  console.log('allstorage values', values)
   return values;
 };
 

src/backend/linkFiber.ts

@@ -52,6 +52,9 @@ let recoilDomNode = {};
 if (window[`$recoilDebugStates`]) {
   isRecoil = true;
 }
+console.log('window', window);
+console.log('isrecoil', isRecoil)
+
 
 // This is deprecated Recoil code.  Recoil as of 01-03-2021
 // does not work well with Reactime.  Leaving any Recoil

src/extension/background.js

@@ -12,7 +12,7 @@ const metrics = {};
 
 // This function will create the first instance of the test app's tabs object
 // which will hold test app's snapshots, link fiber tree info, chrome tab info, etc.
-//console.log("hello from background.js");
+// console.log("hello from background.js");
 function createTabObj(title) {
   // update tabsObj
   return {