export function Dashboard()

in src/App.js [249:289]

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

export function Dashboard({
  releaseInfo,
  checkResults,
  productVersion,
}: DashboardPropType) {
  const [product, version] = productVersion;
  if (version === "") {
    return (
      <p>
        Learn more about a specific version.
        <strong> Select a version number from the left menu.</strong>
      </p>
    );
  } else if (!releaseInfo) {
    return <Spin />;
  } else if (releaseInfo.message) {
    return <Errors errors={[["Pollbot error", releaseInfo.message]]} />;
  } else {
    return (
      <div>
        <h2 style={{ marginBottom: "1em", display: "flex", flexWrap: "wrap" }}>
          {capitalize(product)} {version}{" "}
          <OverallStatus
            releaseInfo={releaseInfo}
            checkResults={checkResults}
          />
        </h2>
        <div className="dashboard">
          {releaseInfo.checks.map((check) => (
            <DisplayCheckResult
              key={check.title}
              title={check.title}
              actionable={check.actionable}
              checkResult={checkResults[check.title]}
            />
          ))}
        </div>
      </div>
    );
  }
}