From 0c97cb0eb4edf1f58ffcb911535ad01dbdebad73 Mon Sep 17 00:00:00 2001
From: Marley Powell <Marley.Powell@exclaimer.com>
Date: Mon, 8 Nov 2021 10:04:20 +0000
Subject: [PATCH] feat: Created initial `PullRequestsPage` component.

Signed-off-by: Marley Powell <Marley.Powell@exclaimer.com>
---
 .../PullRequestsPage/PullRequestsPage.tsx     | 28 +++++++++++++++++++
 .../src/components/PullRequestsPage/index.ts  | 17 +++++++++++
 plugins/azure-devops/src/plugin.ts            | 19 +++++++++++--
 plugins/azure-devops/src/routes.ts            | 10 +++++--
 4 files changed, 69 insertions(+), 5 deletions(-)
 create mode 100644 plugins/azure-devops/src/components/PullRequestsPage/PullRequestsPage.tsx
 create mode 100644 plugins/azure-devops/src/components/PullRequestsPage/index.ts

diff --git a/plugins/azure-devops/src/components/PullRequestsPage/PullRequestsPage.tsx b/plugins/azure-devops/src/components/PullRequestsPage/PullRequestsPage.tsx
new file mode 100644
index 0000000000..e22476f742
--- /dev/null
+++ b/plugins/azure-devops/src/components/PullRequestsPage/PullRequestsPage.tsx
@@ -0,0 +1,28 @@
+/*
+ * Copyright 2021 The Backstage Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { Content, Header, Page } from '@backstage/core-components';
+
+import React from 'react';
+
+export const PullRequestsPage = () => {
+  return (
+    <Page themeId="tool">
+      <Header title="Azure Pull Requests" />
+      <Content />
+    </Page>
+  );
+};
diff --git a/plugins/azure-devops/src/components/PullRequestsPage/index.ts b/plugins/azure-devops/src/components/PullRequestsPage/index.ts
new file mode 100644
index 0000000000..e8b6cfa6bb
--- /dev/null
+++ b/plugins/azure-devops/src/components/PullRequestsPage/index.ts
@@ -0,0 +1,17 @@
+/*
+ * Copyright 2021 The Backstage Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export { PullRequestsPage } from './PullRequestsPage';
diff --git a/plugins/azure-devops/src/plugin.ts b/plugins/azure-devops/src/plugin.ts
index ab6d816460..7553f02da1 100644
--- a/plugins/azure-devops/src/plugin.ts
+++ b/plugins/azure-devops/src/plugin.ts
@@ -14,6 +14,10 @@
  * limitations under the License.
  */
 
+import {
+  azurePipelinesEntityContentRouteRef,
+  azurePrsRootRouteRef,
+} from './routes';
 import {
   createApiFactory,
   createPlugin,
@@ -26,7 +30,6 @@ import { AZURE_DEVOPS_ANNOTATION } from './constants';
 import { AzureDevOpsClient } from './api/AzureDevOpsClient';
 import { Entity } from '@backstage/catalog-model';
 import { azureDevOpsApiRef } from './api/AzureDevOpsApi';
-import { azureDevOpsRouteRef } from './routes';
 
 export const isAzureDevOpsAvailable = (entity: Entity) =>
   Boolean(entity.metadata.annotations?.[AZURE_DEVOPS_ANNOTATION]);
@@ -42,10 +45,20 @@ export const azureDevOpsPlugin = createPlugin({
     }),
   ],
   routes: {
-    entityContent: azureDevOpsRouteRef,
+    azurePrsRoot: azurePrsRootRouteRef,
+    azurePipelinesEntityContent: azurePipelinesEntityContentRouteRef,
   },
 });
 
+export const AzurePullRequestsPage = azureDevOpsPlugin.provide(
+  createRoutableExtension({
+    name: 'AzurePullRequestsPage',
+    component: () =>
+      import('./components/PullRequestsPage').then(m => m.PullRequestsPage),
+    mountPoint: azurePrsRootRouteRef,
+  }),
+);
+
 export const EntityAzurePipelinesContent = azureDevOpsPlugin.provide(
   createRoutableExtension({
     name: 'EntityAzurePipelinesContent',
@@ -53,6 +66,6 @@ export const EntityAzurePipelinesContent = azureDevOpsPlugin.provide(
       import('./components/EntityPageAzurePipelines').then(
         m => m.EntityPageAzurePipelines,
       ),
-    mountPoint: azureDevOpsRouteRef,
+    mountPoint: azurePipelinesEntityContentRouteRef,
   }),
 );
diff --git a/plugins/azure-devops/src/routes.ts b/plugins/azure-devops/src/routes.ts
index 81f4b48fda..6884c3d2b2 100644
--- a/plugins/azure-devops/src/routes.ts
+++ b/plugins/azure-devops/src/routes.ts
@@ -13,8 +13,14 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 import { createRouteRef } from '@backstage/core-plugin-api';
 
-export const azureDevOpsRouteRef = createRouteRef({
-  title: 'azure-devops',
+export const azurePrsRootRouteRef = createRouteRef({
+  path: '',
+  title: 'Azure Pull Requests',
+});
+
+export const azurePipelinesEntityContentRouteRef = createRouteRef({
+  title: 'Azure Pipelines Entity Content',
 });