Merge branch 'nick' of github.com:oslabs-beta/reactime into nick

Author: ElDuke717

src/app/components/StateRoute/StateRoute.tsx

@@ -22,10 +22,9 @@ const NO_STATE_MSG = 'No state change detected. Trigger an event to change state
 
 
 const StateRoute = (props: StateRouteProps) => {
-  const { snapshot, hierarchy, snapshots, viewIndex, webMetrics, currLocation } = props; 
+  const { snapshot, hierarchy, snapshots, viewIndex, webMetrics, currLocation } = props;
   const [{ tabs, currentTab }, dispatch] = useStoreContext();
   const { hierarchy, sliderIndex, viewIndex } = tabs[currentTab];
-  console.log()
 
   // Map
   const renderComponentMap = () => {

src/backend/controllers/createTree.ts

@@ -32,7 +32,7 @@ import {
  * @param currentFiberNode A Fiber object
  * @return An instance of a Tree object
  */
-// TODO: Not sure why the ritd need to be outside of the _createTree function. Want to put inside, but in case this need to be keep track for front end. 
+// TODO: Not sure why the ritd need to be outside of the _createTree function. Want to put inside, but in case this need to be keep track for front end.
 export default function createTree(currentFiberNode: Fiber): Tree {
   let rtidCounter: number = 0;
   return _createTree(currentFiberNode, new Tree('root', 'root'));
@@ -192,7 +192,7 @@ export default function createTree(currentFiberNode: Fiber): Tree {
     // ---------OBTAIN STATE & SET STATE METHODS FROM CLASS COMPONENT-----------
     // Check if currentFiberNode is a stateful class component when user use setState.
     // If user use setState to define/manage state, the state object will be stored in stateNode.state => grab the state object stored in the stateNode.state
-    // Example: for tic-tac-toe demo-app: Board is a stateful component that use setState to store stat
+    // Example: for tic-tac-toe demo-app: Board is a stateful component that use setState to store state data.
     if ((tag === ClassComponent || tag === IndeterminateComponent) && stateNode?.state) {
       // Save component's state and setState() function to our record for future time-travel state changing. Add record index to snapshot so we can retrieve.
       componentData.index = componentActionsRecord.saveNew(stateNode);

src/backend/routers/snapShot.ts

@@ -13,7 +13,6 @@ import createTree from '../controllers/createTree';
  */
 // updating tree depending on current mode on the panel (pause, etc)
 export default function updateAndSendSnapShotTree(fiberRoot: FiberRoot): void {
-    
   // This is the currently active root fiber(the mutable root of the tree)
   const { current } = fiberRoot;
   // Clear all of the legacy actions from old fiber tree because we are about to create a new one
@@ -30,7 +29,6 @@ export default function updateAndSendSnapShotTree(fiberRoot: FiberRoot): void {
   // the postMessage action will be received on the content script to later update the tabsObj
   // this will fire off everytime there is a change in test application
   // convert the payload from a fiber tree to an object to avoid a data clone error when postMessage processes the argument
-  // compare payload and clonedDeepPayload with isIdentical
   const obj = JSON.parse(JSON.stringify(payload));
   window.postMessage(
     {