Function NodeClosure

browser/src/components/NodeClosure.tsx:22–94

({ graphManager, componentName, nodeName }: Props)

}

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

  const dependencies = getDependencies(graphManager, componentName, nodeName);

  const scopedDependencies = Object.keys(dependencies.bindings).filter((scope: string) => {
    return scope != NO_SCOPE && scope != "@dagger.Reusable"
  });

  const modules = Object.keys(dependencies.modules);

  const history = useHistory();

  return (
    <div className="card">
      <div className="card-content">
        <div className="card-title">
          Transitive Dependencies: {nodeName}
        </div>      

        {scopedDependencies.length > 0 && (
          <div>
            <br/>
            <h6>Scoped Bindings</h6>
            { scopedDependencies.map((scope: string) => {
              return (<div>
                <p>{getScopeDisplayName(scope)}</p>
                {dependencies.bindings[scope].map((binding: Node) => {
                return (
                  <div>{binding.key}</div>
                )  
              })}</div>)
            })}
          </div>
        )}

        {modules.length > 0 && (
          <div>
            <br/>
            <h6>Module Bindings</h6>
            { modules.map((module: string) => {
              return (
                <div>
                  <div>
                    <Link className="soft-link" to={Routes.GraphModule(componentName, module)}>
                      {getModuleDisplayName(module)}
                    </Link>
                    &nbsp;
                    (
                    {dependencies.modules[module].length}
                    /
                    {dependencies.moduleSummary[module]}
                    )
                  </div>
                  {dependencies.modules[module].map((binding: Node) => {
                    return (
                      <NodeLink
                        key={binding.key}
                        node={binding}