moving into ui branch

Author: jasnoo

src/app/components/FrontendTypes.ts

@@ -32,6 +32,10 @@ export interface TreeProps {
     state?: string | object;
     stateSnaphot?: object;
     children?: any[];
+    snapshots?:[];
+    currLocation?:object;
+
+
   };
 }
 

src/app/components/StateRoute/Tree.tsx

@@ -40,13 +40,13 @@ const Tree = (props: TreeProps) => {
   useEffect(() => {
     dispatch(setCurrentTabInApp('tree'));
   }, []);
-
+  console.log(snapshots);
+  console.log(currLocation);
   return (
     <>
       {snapshot && (
         <JSONTree
-          data={snapshots[currLocation['index']] || snapshot}
-          // data={snapshot}
+          data={snapshots[currLocation.index] || snapshot}
           theme={{ extend: colors, tree: () => ({ className: 'json-tree' }) }}
           shouldExpandNode={() => true}
           getItemString={getItemString}

src/app/components/WebMetrics.tsx

@@ -88,8 +88,6 @@ const radialGraph = (props) => {
     },
   };
 
-  // This updates currentTabInApp which is used to determine what tutorial to display (depending on the active tab within Reactime)
-  // Code is commented out because it interferes with the testing suite
   const [store, dispatch] = useStoreContext();
   useEffect(() => {
     dispatch(setCurrentTabInApp('webmetrics'));