Merge branch 'master' of github.com:spotify/backstage into shmidt-i/app-catalog-tabs-routes-everything-is-connected

plugins/github-actions/src/api/GithubActionsApi.ts

@@ -23,7 +23,7 @@ import {
 
 export const githubActionsApiRef = createApiRef<GithubActionsApi>({
   id: 'plugin.githubactions.service',
-  description: 'Used by the Github Actions plugin to make requests',
+  description: 'Used by the GitHub Actions plugin to make requests',
 });
 
 export type GithubActionsApi = {

plugins/github-actions/src/components/Widget/Widget.tsx

@@ -15,7 +15,7 @@
  */
 import React, { useEffect } from 'react';
 import { useWorkflowRuns } from '../useWorkflowRuns';
-import { WorkflowRun } from '../WorkflowRunsTable';
+import { WorkflowRun, WorkflowRunsTable } from '../WorkflowRunsTable';
 import { Entity } from '@backstage/catalog-model';
 import { WorkflowRunStatus } from '../WorkflowRunStatus';
 import {
@@ -108,3 +108,51 @@ export const Widget = ({
     </InfoCard>
   );
 };
+
+const RecentWorkflowRunsCardContent = ({
+  error,
+  loading,
+  branch,
+}: {
+  error?: Error;
+  loading?: boolean;
+  branch: string;
+}) => {
+  if (error) return <Typography>Couldn't fetch {branch} runs</Typography>;
+  if (loading) return <LinearProgress />;
+  return <WorkflowRunsTable />;
+};
+
+export const RecentWorkflowRunsCard = ({
+  entity,
+  branch = 'master',
+}: {
+  entity: Entity;
+  branch: string;
+}) => {
+  const errorApi = useApi(errorApiRef);
+  const [owner, repo] = (
+    entity?.metadata.annotations?.['backstage.io/github-actions-id'] ?? '/'
+  ).split('/');
+  const [{ loading, error }] = useWorkflowRuns({
+    owner,
+    repo,
+    branch,
+  });
+
+  useEffect(() => {
+    if (error) {
+      errorApi.post(error);
+    }
+  }, [error, errorApi]);
+
+  return (
+    <InfoCard title={`${branch} builds`}>
+      <RecentWorkflowRunsCardContent
+        error={error}
+        loading={loading}
+        branch={branch}
+      />
+    </InfoCard>
+  );
+};

plugins/github-actions/src/components/Widget/index.ts

@@ -13,4 +13,4 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-export { Widget } from './Widget';
+export { Widget, RecentWorkflowRunsCard } from './Widget';