cleaned up code in ActionContainer/ StateRoute

Author: llam722

src/app/components/StateRoute.tsx

@@ -63,9 +63,9 @@ const StateRoute = (props: StateRouteProps) => {
 
   // the hierarchy gets set upon the first click on the page
   // when the page is refreshed we may not have a hierarchy, so we need to check if hierarchy was initialized
-  // if true, we invoke teh D3 render chart with hierarchy
+  // if true, we invoke the D3 render chart with hierarchy
   // by invoking History component, and passing in all the props required to render D3 elements and perform timeJump from clicking of node
-  // otherwise we an alert to the user that no state was found.
+  // otherwise we send an alert to the user that no state was found.
   const renderHistory = () => {
     if (hierarchy) {
       return (

src/app/containers/ActionContainer.tsx

@@ -22,7 +22,7 @@ const resetSlider = () => {
 function ActionContainer(props): JSX.Element {
   const [{ tabs, currentTab, port }, dispatch] = useStoreContext();
   const {
-    currLocation, hierarchy, sliderIndex, viewIndex, snapshots,
+    currLocation, hierarchy, sliderIndex, viewIndex,
   } = tabs[currentTab];
   const {
     toggleActionContainer, actionView, setActionView,
@@ -52,8 +52,6 @@ function ActionContainer(props): JSX.Element {
         state: obj.stateSnapshot.children[0].state,
         componentName: obj.stateSnapshot.children[0].name,
         routePath: obj.stateSnapshot.route.url,
-        // nathan testing new entries for component name, original above
-        // componentName: findDiff(obj.index),
         componentData:
           JSON.stringify(obj.stateSnapshot.children[0].componentData) === '{}'
             ? ''