function CommitSummaryLine()

in torchci/pages/minihud.tsx [136:210]

• 74 lines of code
• 5 McCabe index (conditional complexity)

function CommitSummaryLine({
  showAnchorLink,
  row,
  numPending,
  showRevert,
}: {
  showAnchorLink: boolean;
  row: RowData;
  numPending: number;
  showRevert: boolean;
}) {
  return (
    <div>
      <span className={`${styles.shaTitleElement} ${styles.timestamp}`}>
        <LocalTimeHuman timestamp={row.time} />
      </span>
      <span className={`${styles.shaTitleElement} ${styles.commitTitle}`}>
        {/* here, we purposefully do not use Link/. The prefetch behavior
          (even with prefetch disabled) spams our backend).*/}
        <a target="_blank" rel="noreferrer" href={`/commit/${row.sha}`}>
          {row.commitMessage}
        </a>
      </span>

      <span
        className={`${styles.shaTitleElement} ${styles.sha} ${styles.extraShaInfo}`}
      >
        <a target="_blank" rel="noreferrer" href={row.commitUrl}>
          {row.sha.substring(0, 7)}
        </a>
      </span>
      {row.prNum !== null && (
        <span className={`${styles.shaTitleElement} ${styles.extraShaInfo}`}>
          <a
            target="_blank"
            rel="noreferrer"
            href={`https://github.com/pytorch/pytorch/pull/${row.prNum}`}
          >
            Pull
          </a>
        </span>
      )}
      <span className={`${styles.shaTitleElement} ${styles.extraShaInfo}`}>
        <a
          target="_blank"
          rel="noreferrer"
          href={`https://www.internalfb.com/diff/${row.diffNum}`}
        >
          Diff
        </a>
      </span>
      {numPending > 0 && (
        <span className={styles.shaTitleElement}>
          <em>{numPending} pending</em>
        </span>
      )}
      {showRevert && (
        <span className={styles.shaTitleElement}>
          <a
            target="_blank"
            rel="noreferrer"
            href={`https://www.internalfb.com/intern/test/bouncycastle/?arcanist_name=fbsource&revision_or_diff_id=${row.diffNum}`}
          >
            <button className={styles.revertButton}>Revert</button>
          </a>
        </span>
      )}
      {showAnchorLink && (
        <span className={`${styles.shaTitleElement} ${styles.extraShaInfo}`}>
          <a href={`#${row.sha}`}>link to this commit</a>
        </span>
      )}
    </div>
  );
}