render()

in src/GitHubOverview.js [187:229]

• 43 lines of code
• 4 McCabe index (conditional complexity)

  render() {
    let branches = [];
    for (const repo of this.state.repos) {
      const match = repo[0].match(/v5\/(.*)\/(.*)\//);
      const user = match[1];
      const repoName = match[2];
      for (const branch of repo) {
        const branchMatch = branch.match(/v5\/.*\/.*\/(.*)/);
        const branchName = branchMatch[1]
          .replace("_", "/")
          .replace(".json", "");
        branches.push(
          <BranchDisplay
            key={`branch-${repoName}-${branchName}`}
            user={user}
            repo={repoName}
            branch={branchName}
            json={branchMatch[1]}
          />
        );
      }
    }
    return (
      <div>
        <h4>PyTorch Org CI Overview</h4>
        <p>
          Status roll up for PyTorch and domain libraries{" "}
          <Tooltip
            key="help"
            overlay="Each CI job for each branch in each repo corresponds to 1 pixel in the visualizations below"
            mouseLeaveDelay={0}
            placement="rightTop"
            destroyTooltipOnHide={{ keepParent: false }}
          >
            <span style={{ color: "#a1a1a1", cursor: "pointer" }}>
              <BsFillQuestionCircleFill />
            </span>
          </Tooltip>
        </p>
        <div style={{ display: "flex", flexWrap: "wrap" }}>{branches}</div>
      </div>
    );
  }