refactored code to remove console logs and fixed bugs

Author: jguerrero35

src/app/FrontendTypes.ts

@@ -384,3 +384,16 @@ export interface Snapshots {
 export interface ErrorContainerProps {
   port: chrome.runtime.Port | null;
 }
+
+export interface AxContainer {
+  axSnapshots: [];
+  snapshot: {
+    name?: string;
+    componentData?: object;
+    state?: string | object;
+    stateSnaphot?: object;
+    children?: any[];
+  };
+  snapshots: [];
+  currLocation: object;
+}

src/app/components/StateRoute/AxContainer.tsx renamed to src/app/components/StateRoute/AxMap/AxMap.tsx

@@ -1,8 +1,11 @@
 import React from "react";
 import { ParentSize } from '@visx/responsive';
-import AxTree from "./AxMap/Ax";
+import AxTree from "./Ax";
+import { AxContainer } from "../../../FrontendTypes";
 
-const AxContainer = (props) => {
+// Container to hold AxTree. AxTree is conditionally rendered based on the state of the setter function "showTree" in StateRoute
+
+const AxContainer = (props: AxContainer) => {
     const {
         axSnapshots, // from 'tabs[currentTab]' object in 'MainContainer'
         snapshot, // from 'tabs[currentTab]' object in 'MainContainer'

src/app/components/StateRoute/StateRoute.tsx

@@ -15,9 +15,8 @@ import { useDispatch, useSelector } from 'react-redux';
 import PerformanceVisx from './PerformanceVisx/PerformanceVisx';
 import WebMetricsContainer from './WebMetrics/WebMetricsContainer';
 import { MainState, RootState, StateRouteProps } from '../../FrontendTypes';
-import AxTree from './AxMap/Ax';
-import AxContainer from './AxContainer';
-import { divide } from 'lodash';
+import AxContainer from './AxMap/AxMap';
+
 
 /*
   Loads the appropriate StateRoute view and renders the Map, Performance, History, Webmetrics, and Tree navbar buttons after clicking on the 'State' button located near the top rightmost corner.