added name to empty spots in json tree; increased height of perfView

Author: gpanciera

.gitmodules

@@ -42,7 +42,7 @@ const StateRoute = (props:StateRouteProps) => {
     if (hierarchy) {
       return (
         <ErrorHandler>
-          <PerfView viewIndex={viewIndex} snapshots={snapshots} width={600} height={600}/>
+          <PerfView viewIndex={viewIndex} snapshots={snapshots} width={600} height={1000}/>
         </ErrorHandler>
       );
     }

src/app/components/StateRoute.tsx

@@ -1,18 +1,11 @@
 import React from 'react';
 import JSONTree from 'react-json-tree';
 
-
 const getItemString = (type, data:{state?:object|string, name:string, children:[]}) => {
-  // check to make sure that we are on the tree node, not anything else
-  if (
-    Object.keys(data).length > 3
-    && typeof data.state === 'object'
-    && typeof data.name === 'string'
-    && Array.isArray(data.children)
-  ) {
-    return <span>{data.name}</span>;
+  if (data && data.name) {
+    return <span>{name}</span>;
   }
-  return null;
+  return <span />;
 };
 
 interface TreeProps {
@@ -22,6 +15,8 @@ interface TreeProps {
 const Tree = (props:TreeProps) => {
   const { snapshot } = props;
 
+  console.log('Tree -> snapshot', snapshot);
+
   return (
     <>
       {snapshot && (
@@ -30,7 +25,9 @@ const Tree = (props:TreeProps) => {
           theme={{ tree: () => ({ className: 'json-tree' }) }}
           shouldExpandNode={() => true}
           getItemString={getItemString}
-          labelRenderer={(raw:any[]) => (typeof raw[0] !== 'number' ? <span>{raw[0]}</span> : null)}
+          labelRenderer={(raw:any[]) => {
+            return (typeof raw[0] !== 'number' ? <span>{raw[0]}</span> : null)
+          }}
         />
       )}
     </>