Function ModuleSummary

browser/src/components/ModuleSummary.tsx:16–52

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

};

export function ModuleSummary({ componentName, moduleName, graphManager, weightService }: Props) {
  const graphModule = graphManager.getModule(componentName, moduleName);
  const history = useHistory();

  if (!graphModule) {
    return (
      <div>
        Cannot find ${graphModule} module in ${componentName} graph
      </div>
    );
  }

  return (
    <div className="card">
      <div className="card-content">
        <div className="card-title">
          Module: {graphModule.key}
        </div>

        <h6>Bindings</h6>
        {graphModule.bindings.map(node => {
          return (
            <NodeLink
              key={node!.key}
              weight={weightService.getWeight(ALL_COMPONENTS, node!.key)}
              scoped={true}
              node={node!}
              onSelect={node => {
                history.push(Routes.GraphNode(componentName, node));
              }}
            />
          );
        })}
      </div>
    </div>
  );
}