Function GraphBrowser

browser/src/components/GraphBrowser.tsx:27–181

({ graphManager, weightServiceManager, componentName }: Props)

}

export const GraphBrowser = ({ graphManager, weightServiceManager, componentName }: Props) => {
  const graph = useMemo(() => componentName && graphManager.getComponent(componentName), [
    graphManager,
    componentName
  ]);

  const history = useHistory();

  const weightService = weightServiceManager.getWeightService();

  const includeWeightSelector = weightServiceManager.getWeightServiceNames().length > 1;

  return (
    <div>
      <div className="container">
        <div className="row search-bar">
          <div className={classNames("col", includeWeightSelector ? "s9": "s12")}>
            <NodeAutosuggest
              graphManager={graphManager}
              weightService={weightService}
              componentName={graph && graph.name}
              onSelect={(componentName, node) =>
                history.push(Routes.GraphNode(componentName || "", node))
              }
            />
          </div>
          {includeWeightSelector &&
            <div className="col s3">
              <WeightSelector
                  weightServiceManager={weightServiceManager}
                  onSelectWeight={weight => {
                    weightServiceManager.selectWeightService(weight);
                    // Refresh the app state without affecting history.
                    history.replace('#');
                  }
                }
              />
            </div>
          }
        </div>
        <Switch>
          <Route
            path={Paths.Module}
            render={props => (
              <ModuleSummary
                graphManager={graphManager}
                weightService={weightService}
                moduleName={decodeURIComponent(props.match.params.module as string)}
                componentName={componentName}
              />
            )}
          ></Route>
          <Route
            path={Paths.GraphModule}
            render={props => (
              <ModuleSummary
                graphManager={graphManager}
                weightService={weightService}