feat: navtarget and explore card

plugins/circleci/src/index.ts

@@ -17,3 +17,4 @@
 export { plugin } from './plugin';
 export * from './api';
 export * from './proxy';
+export * from './navTargets';

plugins/circleci/src/plugin.ts

@@ -15,10 +15,11 @@
  */
 import { createPlugin } from '@backstage/core';
 import { App } from './components/App';
+import { navTargetCircleCI } from './navTargets';
 
 export const plugin = createPlugin({
   id: 'circleci',
   register({ router }) {
-    router.registerRoute('/circleci', App, { exact: false });
+    router.addRoute(navTargetCircleCI, App);
   },
 });

plugins/explore/src/components/ExplorePluginPage.tsx

@@ -64,6 +64,15 @@ const toolsCards = [
       'https://camo.githubusercontent.com/517398c3fbe0687d3d4dcbe05da82970b882e75a/68747470733a2f2f64337676366c703535716a6171632e636c6f756466726f6e742e6e65742f6974656d732f33413061324e314c3346324f304c3377326e316a2f477261706869514c382e706e673f582d436c6f75644170702d56697369746f722d49643d3433363432',
     tags: ['graphql', 'dev'],
   },
+  {
+    title: 'CircleCI',
+    description:
+      'Provides builds overview, detailed build info and retriggering functionality for CircleCI.',
+    url: '/circleci',
+    image:
+      'https://raw.githubusercontent.com/CircleCI-Public/cimg-base/master/img/circle-circleci.svg',
+    tags: ['circleci', 'ci', 'dev'],
+  },
 ];
 
 const ExplorePluginPage: FC<{}> = () => {