Function MDBFileSystemComponentNew

browser/src/components/TreeView.tsx:22–69

(mapOfNodes:  Map<string, string[]>, nodeName: string, componentName: string, graphManager: GraphManager,   weightService: WeightService)

}

function MDBFileSystemComponentNew (mapOfNodes:  Map<string, string[]>, nodeName: string, componentName: string, graphManager: GraphManager,   weightService: WeightService)  {
  const displayNameHelper = new DisplayNameHelper()
  const history = useHistory();
  const rootNode = graphManager.getNode(componentName, nodeName)
  const dependenciesIconMap: Map<string,string> = new Map()
  if(rootNode && rootNode.dependencies.length > 0) {
    rootNode.dependencies.map(node => {
      dependenciesIconMap.set(node.key, node.kind)
    })
  }
  
  return (
    <div>
      {mapOfNodes.get(nodeName)?.map(node => {       
        let isInstance = false
        if(dependenciesIconMap.get(node) && dependenciesIconMap.get(node) == "INSTANCE") {
          isInstance = true
        }
        let weight = weightService.getWeight(componentName, node)
          if (mapOfNodes.get(node)?.length != 0) { 
            return (
              <div style={{"padding" : "10px"}}>
                  <NodeIcon kind = {dependenciesIconMap.get(node)}/>
                  <span onClick={() => history.push(Routes.GraphNode(componentName, node))}>
                        {displayNameHelper.displayNameForKey(node)}
                  </span>
                  <NodeWeight weight={weight}/>
                <MDBTreeviewList icon ="none" opened={isInstance} fal tag = "span">
                  {MDBFileSystemComponentNew(mapOfNodes, node, componentName, graphManager, weightService)}
                </MDBTreeviewList>
              </div>
            )
          } else {
            return (
              <div style={{"padding" : "10px"}}>
                <NodeIcon kind = {dependenciesIconMap.get(node)}/>
                <span onClick={() => history.push(Routes.GraphNode(componentName, node))}>
                      {displayNameHelper.displayNameForKey(node)}
                </span>
                <NodeWeight weight={weight} />
              </div>
            )
          }
        })
      }
    </div>
  )
}

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