feat: connect UI and API

packages/app/package.json

@@ -23,6 +23,7 @@
     "@backstage/theme": "^0.1.1-alpha.13",
     "@material-ui/core": "^4.9.1",
     "@material-ui/icons": "^4.9.1",
+    "@octokit/rest": "^18.0.0",
     "history": "^5.0.0",
     "prop-types": "^15.7.2",
     "react": "^16.12.0",

packages/app/src/apis.ts

@@ -58,6 +58,7 @@ import {
 import { scaffolderApiRef, ScaffolderApi } from '@backstage/plugin-scaffolder';
 
 import { rollbarApiRef, RollbarClient } from '@backstage/plugin-rollbar';
+import { Octokit } from '@octokit/rest';
 import {
   GithubActionsClient,
   githubActionsApiRef,
@@ -82,7 +83,10 @@ export const apis = (config: ConfigApi) => {
     circleCIApiRef,
     new CircleCIApi(`${backendUrl}/proxy/circleci/api`),
   );
-  builder.add(githubActionsApiRef, new GithubActionsClient());
+
+  const octokit = new Octokit();
+  const client = new GithubActionsClient({ api: octokit });
+  builder.add(githubActionsApiRef, client);
   builder.add(featureFlagsApiRef, new FeatureFlags());
 
   builder.add(lighthouseApiRef, new LighthouseRestApi('http://localhost:3003'));