@unitedstatespowersquadrons/components 1.3.13 → 1.3.14

package/Badges/Checks/Check.tsx

@@ -1,10 +1,9 @@
 import React from "react";
-import { github, shields } from "../remotes";
+import { shields } from "../remotes";
 import { badgeify } from "../helpers";
 import { CheckConclusion, CheckStatus } from "../types";
 
 interface Props {
-  repo?: string | undefined;
   label: string;
   status: CheckStatus;
   conclusion?: CheckConclusion | undefined;
@@ -12,7 +11,7 @@ interface Props {
 }
 
 const CheckBadge = (props: Props) => {
-  const { conclusion, label, repo, skipCi, status } = props;
+  const { conclusion, label, skipCi, status } = props;
 
   const suiteBadgeColor = () => {
     if (skipCi) return "lightgray";
@@ -65,12 +64,7 @@ const CheckBadge = (props: Props) => {
   };
   const color = suiteBadgeColor();
 
-  const img =
-    <img src={`${shields}/badge/${badgeify(label)}-${description() || "Unknown"}-${color}?logo=github`} />;
-
-  if (!repo || conclusion === "success") return img;
-
-  return <a href={`${github}/${repo}/actions/workflows/main.yml`} rel="noreferrer" target="_blank">{img}</a>;
+  return <img src={`${shields}/badge/${badgeify(label)}-${description() || "Unknown"}-${color}?logo=github`} />;
 };
 
 export default CheckBadge;

package/Badges/Checks/Run.tsx

@@ -1,5 +1,6 @@
 import React from "react";
 import Check from "./Check";
+import { github } from "../remotes";
 import { CheckRun } from "../types";
 
 interface Props {
@@ -12,11 +13,15 @@ const RunBadge = (props: Props) => {
 
   if (!run || !run.status) return null;
 
-  const { conclusion, name, status } = run;
+  const { conclusion, id, name, status } = run;
 
   const skipCi = false;
 
-  return <Check conclusion={conclusion} label={name} repo={repo} skipCi={skipCi} status={status} />;
+  const badge = <Check conclusion={conclusion} label={name} skipCi={skipCi} status={status} />;
+
+  if (!repo || conclusion === "success") return badge;
+
+  return <a href={`${github}/${repo}/runs/${id}`} rel="noreferrer" target="_blank">{badge}</a>;
 };
 
 export default RunBadge;

package/Badges/Checks/Suite.tsx

@@ -1,5 +1,6 @@
 import React from "react";
 import Check from "./Check";
+import { github } from "../remotes";
 import { CheckSuite } from "../types";
 
 interface Props {
@@ -14,7 +15,13 @@ const SuiteBadge = (props: Props) => {
 
   const { headBranch, conclusion, skipCi, status } = suite;
 
-  return <Check conclusion={conclusion} label={headBranch} repo={repo} skipCi={skipCi} status={status} />;
+  const badge = <Check conclusion={conclusion} label={headBranch} skipCi={skipCi} status={status} />;
+
+  if (!repo || conclusion === "success") return badge;
+
+  return (
+    <a href={`${github}/${repo}/actions?query=branch:${headBranch}`} rel="noreferrer" target="_blank">{badge}</a>
+  );
 };
 
 export default SuiteBadge;

package/Badges/types.ts

@@ -44,6 +44,7 @@ interface Person {
 }
 
 export interface CheckRun {
+  id: number;
   name: string;
   status: CheckStatus;
   conclusion?: CheckConclusion;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unitedstatespowersquadrons/components",
-  "version": "1.3.13",
+  "version": "1.3.14",
   "description": "USPS shared React components library",
   "main": "index.tsx",
   "scripts": {