Merge pull request #3277 from kris6673/AppConsentRequests-missing-actions

FIX: Re-add actions and add a filter to App Consent Requests

Author: KelvinTegelaar

src/pages/tenant/administration/app-consent-requests/index.js

@@ -1,4 +1,4 @@
-import { useState, useEffect } from "react";
+import { useState, useEffect, use } from "react";
 import { Layout as DashboardLayout } from "/src/layouts/index.js";
 import { CippTablePage } from "/src/components/CippComponents/CippTablePage.jsx";
 import {
@@ -12,6 +12,7 @@ import {
 import ExpandMoreIcon from "@mui/icons-material/ExpandMore";
 import { useForm } from "react-hook-form";
 import CippFormComponent from "/src/components/CippComponents/CippFormComponent";
+import { useSettings } from "/src/hooks/use-settings";
 
 const simpleColumns = [
   "Tenant",
@@ -27,6 +28,7 @@ const apiUrl = "/api/ListAppConsentRequests";
 const pageTitle = "App Consent Requests";
 
 const Page = () => {
+  const tenantFilter = useSettings().currentTenant;
   const formControl = useForm({
     defaultValues: {
       requestStatus: "All",
@@ -89,6 +91,14 @@ const Page = () => {
       title={pageTitle}
       apiUrl={apiUrl}
       simpleColumns={simpleColumns}
+      filters={[
+        // Filter for showing only pending requests
+        {
+          filterName: "Pending requests",
+          value: [{ id: "requestStatus", value: "Pending" }],
+          type: "column",
+        },
+      ]}
       queryKey={`AppConsentRequests-${JSON.stringify(filterParams)}`}
       apiData={{
         ...filterParams,
@@ -103,23 +113,23 @@ const Page = () => {
           "reviewedBy", // Reviewed by
           "reviewedJustification", // Reviewed Reason
         ],
-        actions: [
-          {
-            label: "Review in Entra",
-            link: `https://entra.microsoft.com/[TenantFilter]/#view/Microsoft_AAD_IAM/StartboardApplicationsMenuBlade/~/AccessRequests`,
-            color: "info",
-            target: "_blank",
-            external: true,
-          },
-          {
-            label: "Approve in Entra",
-            link: "[consentUrl]",
-            color: "info",
-            target: "_blank",
-            external: true,
-          },
-        ],
       }}
+      actions={[
+        {
+          label: "Review in Entra",
+          link: `https://entra.microsoft.com/${tenantFilter}/#view/Microsoft_AAD_IAM/StartboardApplicationsMenuBlade/~/AccessRequests`,
+          color: "info",
+          target: "_blank",
+          external: true,
+        },
+        {
+          label: "Approve in Entra",
+          link: "[consentUrl]",
+          color: "info",
+          target: "_blank",
+          external: true,
+        },
+      ]}
     />
   );
 };