Function TreeView

browser/src/components/TreeView.tsx:71–102

({ graphManager, componentName, nodeName, weightService}: Props)

}

export default function TreeView({ graphManager, componentName, nodeName, weightService}: Props) {

  const dependencies = getDependencies(graphManager, componentName, nodeName);
  const history = useHistory();
  const displayNameHelper = new DisplayNameHelper()
  const mapOfComponents = dependencies.mapOfNodes

  return (
    <div className="card">
      <div className="card-content">    
        <div className="card-title">
            Tree for: {displayNameHelper.displayNameForKey(nodeName)} 
        </div> 
        <div className="card-title">
            Component: {componentName.substr(componentName.lastIndexOf(".") + 1)} 
        </div> 
        <MDBContainer>
        <MDBCol>
          <MDBTreeview className='w-200'>
            <span onClick={() => history.push(Routes.GraphNode(componentName, nodeName))}>
                      {displayNameHelper.displayNameForKey(nodeName)}
            </span>
            <MDBTreeviewList  icon ="none" opened = {true} far tag = "span">
              {MDBFileSystemComponentNew(mapOfComponents, nodeName, componentName, graphManager, weightService)}
            </MDBTreeviewList>
          </MDBTreeview>
        </MDBCol>
      </MDBContainer>
      </div>
    </div>
  );
}

function getDependencies(graphManager: GraphManager, componentName: string, nodeName: string): GraphOfNodes {
  const visited: { [key:string]:boolean; } = {}