added RequirePermission in PullRequestPage

Signed-off-by: Deepankumar Loganathan <deepan0433@gmail.com>

plugins/azure-devops/README.md

@@ -397,31 +397,3 @@ async handle(
   };
 }
 ```
-
-#### Configure Azure DevOps PullRequest Dashboard Permission
-
-To Integrate Azure DevOps PullRequest Dashboard permssion, add the following in `packages/app/src/App.tsx`
-
-```diff
-...
-+ import { RequirePermission } from '@backstage/plugin-permission-react';
-+ import { azureDevOpsPullRequestDashboardReadPermission } from '@backstage/plugin-azure-devops-common';
-...
-...
-  const routes =(
-    <FlatRoutes>
-    ...
-+   <Route
-+     path="/pullrequest-dashboard"
-+     element={
-+      <RequirePermission permission={azureDevOpsPullRequestDashboardReadPermission}>
-+         <AzurePullRequestsPage />
-+       </RequirePermission>
-+     }
-+   >
-+   </Route>
-    ...
-    </FlatRoutes>
-  )
-...
-```

plugins/azure-devops/src/components/PullRequestsPage/PullRequestsPage.tsx

@@ -28,6 +28,8 @@ import { FilterType } from './lib/filters';
 import { PullRequestGrid } from './lib/PullRequestGrid';
 import { useDashboardPullRequests } from '../../hooks';
 import { useFilterProcessor } from './lib/hooks';
+import { RequirePermission } from '@backstage/plugin-permission-react';
+import { azureDevOpsPullRequestDashboardReadPermission } from '@backstage/plugin-azure-devops-common';
 
 type PullRequestsPageContentProps = {
   pullRequestGroups: PullRequestGroup[] | undefined;
@@ -98,11 +100,15 @@ export const PullRequestsPage = (props: PullRequestsPageProps) => {
     <Page themeId="tool">
       <Header title="Azure Pull Requests" />
       <Content>
-        <PullRequestsPageContent
-          pullRequestGroups={pullRequestGroups}
-          loading={loading}
-          error={error}
-        />
+        <RequirePermission
+          permission={azureDevOpsPullRequestDashboardReadPermission}
+        >
+          <PullRequestsPageContent
+            pullRequestGroups={pullRequestGroups}
+            loading={loading}
+            error={error}
+          />
+        </RequirePermission>
       </Content>
     </Page>
   );