From 53cc6c487edbfda4159030839aeaad3195bdd836 Mon Sep 17 00:00:00 2001
From: Bryan Frimin
Date: Mon, 20 Jul 2026 18:08:34 +0200
Subject: [PATCH] Update console for compliance portal
Point compliance-page screens and Relay graphs
at the renamed Compliance Portal API fields and
mutations.
Signed-off-by: Bryan Frimin
---
.../CompliancePageReferenceDialog.tsx | 2 +-
.../src/hooks/graph/CompliancePageGraph.ts | 18 +++++-----
...ts => CompliancePortalAccessTokenGraph.ts} | 8 ++---
.../compliance-page/CompliancePageLayout.tsx | 2 +-
.../_lib/compliancePageReferenceMutations.ts | 24 ++++++-------
.../access/CompliancePageAccessPage.tsx | 2 +-
.../CompliancePageAccessEditDialog.tsx | 36 +++++++++----------
.../_components/CompliancePageAccessList.tsx | 4 +--
.../CompliancePageAccessListItem.tsx | 2 +-
.../CompliancePageDocumentAccessList.tsx | 6 ++--
.../_components/CompliancePageAuditList.tsx | 2 +-
.../CompliancePageAuditListItem.tsx | 6 ++--
.../brand/CompliancePageBrandPage.tsx | 2 +-
.../CompliancePageCustomLinkDialog.tsx | 2 +-
.../CompliancePageCustomLinkList.tsx | 2 +-
.../CompliancePageCustomLinksSection.tsx | 2 +-
.../CompliancePageDomainsSection.tsx | 2 +-
.../CompliancePageProfileSection.tsx | 4 +--
.../CompliancePageVisualIdentitySection.tsx | 16 ++++-----
.../CompliancePageCommitmentsPage.tsx | 4 +--
.../CompliancePageCommitmentGroupDialog.tsx | 8 ++---
.../CompliancePageCommitmentGroupList.tsx | 8 ++---
.../CompliancePageDocumentList.tsx | 2 +-
.../CompliancePageDocumentListItem.tsx | 6 ++--
.../NewCompliancePageDomainDialog.tsx | 2 +-
.../_components/CompliancePageFileList.tsx | 4 +--
.../CompliancePageFileListItem.tsx | 14 ++++----
.../DeleteCompliancePageFileDialog.tsx | 6 ++--
.../EditCompliancePageFileDialog.tsx | 6 ++--
.../NewCompliancePageFileDialog.tsx | 8 ++---
.../CompliancePageMailingListPage.tsx | 2 +-
.../_components/CompliancePageMailingList.tsx | 2 +-
.../overview/CompliancePageOverviewPage.tsx | 2 +-
.../CompliancePageFrameworkList.tsx | 2 +-
.../CompliancePageFrameworkListItem.tsx | 8 ++---
.../CompliancePageFrameworksSection.tsx | 2 +-
.../_components/CompliancePageNDACard.tsx | 2 +-
.../_components/CompliancePageNDASection.tsx | 10 +++---
.../CompliancePageStatusSection.tsx | 6 ++--
.../CompliancePageReferencesPage.tsx | 2 +-
.../CompliancePageReferenceList.tsx | 4 +--
.../CompliancePageReferenceListItem.tsx | 2 +-
.../CompliancePageThirdPartyListItem.tsx | 6 ++--
43 files changed, 130 insertions(+), 130 deletions(-)
rename apps/console/src/hooks/graph/{TrustCenterAccessTokenGraph.ts => CompliancePortalAccessTokenGraph.ts} (87%)
diff --git a/apps/console/src/components/compliancePage/CompliancePageReferenceDialog.tsx b/apps/console/src/components/compliancePage/CompliancePageReferenceDialog.tsx
index d814f68b8..ba218000f 100644
--- a/apps/console/src/components/compliancePage/CompliancePageReferenceDialog.tsx
+++ b/apps/console/src/components/compliancePage/CompliancePageReferenceDialog.tsx
@@ -123,7 +123,7 @@ export const CompliancePageReferenceDialog = forwardRef
+ Record
>((acc, docAccess) => {
acc[docAccess.id] = docAccess.status;
return acc;
@@ -236,7 +236,7 @@ function CompliancePageAccessEditForm(props: {
const handleUpdateDocumentAccessStatus = useCallback(
(
documentAccess: CompliancePageDocumentAccessInfo,
- status: TrustCenterDocumentAccessStatus,
+ status: CompliancePortalDocumentAccessStatus,
) => {
setDocumentAccesses((prev) => {
const nextDocumentAccesses = [...prev];
@@ -278,13 +278,13 @@ function CompliancePageAccessEditForm(props: {
);
const handleSubmit = async () => {
- const documents: { id: string; status: TrustCenterDocumentAccessStatus }[]
+ const documents: { id: string; status: CompliancePortalDocumentAccessStatus }[]
= [];
- const reports: { id: string; status: TrustCenterDocumentAccessStatus }[]
+ const reports: { id: string; status: CompliancePortalDocumentAccessStatus }[]
= [];
const compliancePageFiles: {
id: string;
- status: TrustCenterDocumentAccessStatus;
+ status: CompliancePortalDocumentAccessStatus;
}[] = [];
for (const docAccess of documentAccesses) {
@@ -312,7 +312,7 @@ function CompliancePageAccessEditForm(props: {
id: access.id,
documents,
reports,
- trustCenterFiles: compliancePageFiles,
+ compliancePortalFiles: compliancePageFiles,
},
},
});
diff --git a/apps/console/src/pages/organizations/compliance-page/access/_components/CompliancePageAccessList.tsx b/apps/console/src/pages/organizations/compliance-page/access/_components/CompliancePageAccessList.tsx
index 82cfedfef..be86c798d 100644
--- a/apps/console/src/pages/organizations/compliance-page/access/_components/CompliancePageAccessList.tsx
+++ b/apps/console/src/pages/organizations/compliance-page/access/_components/CompliancePageAccessList.tsx
@@ -29,11 +29,11 @@ import type { CompliancePageAccessListQuery } from "#/__generated__/core/Complia
import { CompliancePageAccessListItem } from "./CompliancePageAccessListItem";
const fragment = graphql`
- fragment CompliancePageAccessListFragment on TrustCenter
+ fragment CompliancePageAccessListFragment on CompliancePortal
@argumentDefinitions(
first: { type: Int, defaultValue: 10 }
after: { type: CursorKey, defaultValue: null }
- order: { type: TrustCenterAccessOrder, defaultValue: { field: CREATED_AT, direction: DESC } }
+ order: { type: CompliancePortalAccessOrder, defaultValue: { field: CREATED_AT, direction: DESC } }
)
@refetchable(queryName: "CompliancePageAccessListQuery") {
accesses(
diff --git a/apps/console/src/pages/organizations/compliance-page/access/_components/CompliancePageAccessListItem.tsx b/apps/console/src/pages/organizations/compliance-page/access/_components/CompliancePageAccessListItem.tsx
index 268b7f911..536e85958 100644
--- a/apps/console/src/pages/organizations/compliance-page/access/_components/CompliancePageAccessListItem.tsx
+++ b/apps/console/src/pages/organizations/compliance-page/access/_components/CompliancePageAccessListItem.tsx
@@ -31,7 +31,7 @@ import { CompliancePageAccessEditDialog } from "./CompliancePageAccessEditDialog
import { NdaSignatureBadge } from "./NdaSignatureBadge";
const fragment = graphql`
- fragment CompliancePageAccessListItemFragment on TrustCenterAccess {
+ fragment CompliancePageAccessListItemFragment on CompliancePortalAccess {
id
createdAt
profile {
diff --git a/apps/console/src/pages/organizations/compliance-page/access/_components/CompliancePageDocumentAccessList.tsx b/apps/console/src/pages/organizations/compliance-page/access/_components/CompliancePageDocumentAccessList.tsx
index 7ceb7baf3..5f0fd6ed1 100644
--- a/apps/console/src/pages/organizations/compliance-page/access/_components/CompliancePageDocumentAccessList.tsx
+++ b/apps/console/src/pages/organizations/compliance-page/access/_components/CompliancePageDocumentAccessList.tsx
@@ -18,7 +18,7 @@
// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
// SOFTWARE.
-import type { TrustCenterDocumentAccessStatus } from "@probo/coredata";
+import type { CompliancePortalDocumentAccessStatus } from "@probo/coredata";
import type { CompliancePageDocumentAccessInfo } from "@probo/helpers";
import { getCompliancePageDocumentAccessStatusBadgeVariant, getCompliancePageDocumentAccessStatusLabel } from "@probo/helpers";
import { useTranslate } from "@probo/i18n";
@@ -26,10 +26,10 @@ import { Badge, Button, Table, Tbody, Td, Th, Thead, Tr } from "@probo/ui";
interface CompliancePageDocumentAccessListProps {
documentAccesses: CompliancePageDocumentAccessInfo[];
- initialStatusByID: Record;
+ initialStatusByID: Record;
onGrantAll: () => void;
onRejectOrRevokeAll: () => void;
- onUpdateStatus: (docAccess: CompliancePageDocumentAccessInfo, status: TrustCenterDocumentAccessStatus) => void;
+ onUpdateStatus: (docAccess: CompliancePageDocumentAccessInfo, status: CompliancePortalDocumentAccessStatus) => void;
}
export function CompliancePageDocumentAccessList(props: CompliancePageDocumentAccessListProps) {
diff --git a/apps/console/src/pages/organizations/compliance-page/audits/_components/CompliancePageAuditList.tsx b/apps/console/src/pages/organizations/compliance-page/audits/_components/CompliancePageAuditList.tsx
index 14701f3de..f55375b99 100644
--- a/apps/console/src/pages/organizations/compliance-page/audits/_components/CompliancePageAuditList.tsx
+++ b/apps/console/src/pages/organizations/compliance-page/audits/_components/CompliancePageAuditList.tsx
@@ -29,7 +29,7 @@ import { CompliancePageAuditListItem } from "./CompliancePageAuditListItem";
const fragment = graphql`
fragment CompliancePageAuditListFragment on Organization {
- compliancePage: trustCenter @required(action: THROW) {
+ compliancePage: compliancePortal @required(action: THROW) {
...CompliancePageAuditListItem_compliancePageFragment
}
audits(first: 100) {
diff --git a/apps/console/src/pages/organizations/compliance-page/audits/_components/CompliancePageAuditListItem.tsx b/apps/console/src/pages/organizations/compliance-page/audits/_components/CompliancePageAuditListItem.tsx
index 93be31149..098f0438b 100644
--- a/apps/console/src/pages/organizations/compliance-page/audits/_components/CompliancePageAuditListItem.tsx
+++ b/apps/console/src/pages/organizations/compliance-page/audits/_components/CompliancePageAuditListItem.tsx
@@ -32,7 +32,7 @@ import { useOrganizationId } from "#/hooks/useOrganizationId";
import { useMutation } from "#/lib/relay/useMutation";
const compliancePageFragment = graphql`
- fragment CompliancePageAuditListItem_compliancePageFragment on TrustCenter {
+ fragment CompliancePageAuditListItem_compliancePageFragment on CompliancePortal {
canUpdate: permission(action: "compliance-portal:portal:update")
}
`;
@@ -46,7 +46,7 @@ const auditFragment = graphql`
}
validUntil
state
- compliancePageVisibility: trustCenterVisibility
+ compliancePageVisibility: compliancePortalVisibility
}
`;
@@ -92,7 +92,7 @@ export function CompliancePageAuditListItem(props: {
variables: {
input: {
id: audit.id,
- trustCenterVisibility: typedValue,
+ compliancePortalVisibility: typedValue,
},
},
});
diff --git a/apps/console/src/pages/organizations/compliance-page/brand/CompliancePageBrandPage.tsx b/apps/console/src/pages/organizations/compliance-page/brand/CompliancePageBrandPage.tsx
index 532a8ab28..08a4b6e7f 100644
--- a/apps/console/src/pages/organizations/compliance-page/brand/CompliancePageBrandPage.tsx
+++ b/apps/console/src/pages/organizations/compliance-page/brand/CompliancePageBrandPage.tsx
@@ -34,7 +34,7 @@ export const compliancePageBrandPageQuery = graphql`
__typename
... on Organization {
...CompliancePageDomainsSection_organizationFragment
- compliancePage: trustCenter @required(action: THROW) {
+ compliancePage: compliancePortal @required(action: THROW) {
...CompliancePageProfileSection_compliancePageFragment
...CompliancePageVisualIdentitySection_compliancePageFragment
...CompliancePageCustomLinksSection_compliancePageFragment
diff --git a/apps/console/src/pages/organizations/compliance-page/brand/_components/CompliancePageCustomLinkDialog.tsx b/apps/console/src/pages/organizations/compliance-page/brand/_components/CompliancePageCustomLinkDialog.tsx
index b584b67ee..7c32bc68a 100644
--- a/apps/console/src/pages/organizations/compliance-page/brand/_components/CompliancePageCustomLinkDialog.tsx
+++ b/apps/console/src/pages/organizations/compliance-page/brand/_components/CompliancePageCustomLinkDialog.tsx
@@ -144,7 +144,7 @@ export const CompliancePageCustomLinkDialog = forwardRef {
const payload = store.getRootField("createComplianceCustomLink");
diff --git a/apps/console/src/pages/organizations/compliance-page/brand/_components/CompliancePageCustomLinkList.tsx b/apps/console/src/pages/organizations/compliance-page/brand/_components/CompliancePageCustomLinkList.tsx
index 1a0eb515f..58ad75967 100644
--- a/apps/console/src/pages/organizations/compliance-page/brand/_components/CompliancePageCustomLinkList.tsx
+++ b/apps/console/src/pages/organizations/compliance-page/brand/_components/CompliancePageCustomLinkList.tsx
@@ -27,7 +27,7 @@ import { CompliancePageCustomLinkDialog, type CompliancePageCustomLinkDialogRef
import { CompliancePageCustomLinkListItem } from "./CompliancePageCustomLinkListItem";
const compliancePageFragment = graphql`
- fragment CompliancePageCustomLinkList_compliancePageFragment on TrustCenter
+ fragment CompliancePageCustomLinkList_compliancePageFragment on CompliancePortal
@refetchable(queryName: "CompliancePageCustomLinkList_compliancePageRefetchQuery")
@argumentDefinitions(
first: { type: Int, defaultValue: 500 }
diff --git a/apps/console/src/pages/organizations/compliance-page/brand/_components/CompliancePageCustomLinksSection.tsx b/apps/console/src/pages/organizations/compliance-page/brand/_components/CompliancePageCustomLinksSection.tsx
index 7f735eb09..ff9cae839 100644
--- a/apps/console/src/pages/organizations/compliance-page/brand/_components/CompliancePageCustomLinksSection.tsx
+++ b/apps/console/src/pages/organizations/compliance-page/brand/_components/CompliancePageCustomLinksSection.tsx
@@ -21,7 +21,7 @@ import type { CompliancePageCustomLinksSection_compliancePageFragment$key } from
import { CompliancePageCustomLinkList } from "./CompliancePageCustomLinkList";
const compliancePageFragment = graphql`
- fragment CompliancePageCustomLinksSection_compliancePageFragment on TrustCenter {
+ fragment CompliancePageCustomLinksSection_compliancePageFragment on CompliancePortal {
...CompliancePageCustomLinkList_compliancePageFragment
}
`;
diff --git a/apps/console/src/pages/organizations/compliance-page/brand/_components/CompliancePageDomainsSection.tsx b/apps/console/src/pages/organizations/compliance-page/brand/_components/CompliancePageDomainsSection.tsx
index 60f2cb312..7aed0e6a5 100644
--- a/apps/console/src/pages/organizations/compliance-page/brand/_components/CompliancePageDomainsSection.tsx
+++ b/apps/console/src/pages/organizations/compliance-page/brand/_components/CompliancePageDomainsSection.tsx
@@ -25,7 +25,7 @@ import { NewCompliancePageDomainDialog } from "../../domain/_components/NewCompl
const organizationFragment = graphql`
fragment CompliancePageDomainsSection_organizationFragment on Organization {
canCreateCustomDomain: permission(action: "compliance-portal:custom-domain:create")
- compliancePage: trustCenter @required(action: THROW) {
+ compliancePage: compliancePortal @required(action: THROW) {
id
defaultDomain {
id
diff --git a/apps/console/src/pages/organizations/compliance-page/brand/_components/CompliancePageProfileSection.tsx b/apps/console/src/pages/organizations/compliance-page/brand/_components/CompliancePageProfileSection.tsx
index 74799d152..b4336256e 100644
--- a/apps/console/src/pages/organizations/compliance-page/brand/_components/CompliancePageProfileSection.tsx
+++ b/apps/console/src/pages/organizations/compliance-page/brand/_components/CompliancePageProfileSection.tsx
@@ -23,7 +23,7 @@ import { useUpdateCompliancePageMutation } from "#/hooks/graph/CompliancePageGra
import { useFormWithSchema } from "#/hooks/useFormWithSchema";
const compliancePageFragment = graphql`
- fragment CompliancePageProfileSection_compliancePageFragment on TrustCenter {
+ fragment CompliancePageProfileSection_compliancePageFragment on CompliancePortal {
id
title
description
@@ -72,7 +72,7 @@ export function CompliancePageProfileSection(props: {
await updateCompliancePage({
variables: {
input: {
- trustCenterId: compliancePage.id,
+ compliancePortalId: compliancePage.id,
title: data.title,
description: data.description || null,
websiteUrl: data.websiteUrl || null,
diff --git a/apps/console/src/pages/organizations/compliance-page/brand/_components/CompliancePageVisualIdentitySection.tsx b/apps/console/src/pages/organizations/compliance-page/brand/_components/CompliancePageVisualIdentitySection.tsx
index 8d30ae842..a16df7a58 100644
--- a/apps/console/src/pages/organizations/compliance-page/brand/_components/CompliancePageVisualIdentitySection.tsx
+++ b/apps/console/src/pages/organizations/compliance-page/brand/_components/CompliancePageVisualIdentitySection.tsx
@@ -31,7 +31,7 @@ import type { CompliancePageVisualIdentitySection_updateMutation } from "#/__gen
import { useMutation } from "#/lib/relay/useMutation";
const compliancePageFragment = graphql`
- fragment CompliancePageVisualIdentitySection_compliancePageFragment on TrustCenter {
+ fragment CompliancePageVisualIdentitySection_compliancePageFragment on CompliancePortal {
id
logo {
downloadUrl
@@ -44,9 +44,9 @@ const compliancePageFragment = graphql`
`;
const updateMutation = graphql`
- mutation CompliancePageVisualIdentitySection_updateMutation($input: UpdateTrustCenterBrandInput!) {
- updateTrustCenterBrand(input: $input) {
- trustCenter {
+ mutation CompliancePageVisualIdentitySection_updateMutation($input: UpdateCompliancePortalBrandInput!) {
+ updateCompliancePortalBrand(input: $input) {
+ compliancePortal {
id
logo {
downloadUrl
@@ -115,7 +115,7 @@ export function CompliancePageVisualIdentitySection(props: CompliancePageVisualI
void updateBrand({
variables: {
input: {
- trustCenterId: compliancePageId,
+ compliancePortalId: compliancePageId,
logoFile: null,
},
},
@@ -137,7 +137,7 @@ export function CompliancePageVisualIdentitySection(props: CompliancePageVisualI
void updateBrand({
variables: {
input: {
- trustCenterId: compliancePageId,
+ compliancePortalId: compliancePageId,
darkLogoFile: null,
},
},
@@ -154,7 +154,7 @@ export function CompliancePageVisualIdentitySection(props: CompliancePageVisualI
await updateBrand({
variables: {
input: {
- trustCenterId: compliancePageId,
+ compliancePortalId: compliancePageId,
logoFile: null,
},
},
@@ -167,7 +167,7 @@ export function CompliancePageVisualIdentitySection(props: CompliancePageVisualI
await updateBrand({
variables: {
input: {
- trustCenterId: compliancePageId,
+ compliancePortalId: compliancePageId,
darkLogoFile: null,
},
},
diff --git a/apps/console/src/pages/organizations/compliance-page/commitments/CompliancePageCommitmentsPage.tsx b/apps/console/src/pages/organizations/compliance-page/commitments/CompliancePageCommitmentsPage.tsx
index e358c650c..676df6bae 100644
--- a/apps/console/src/pages/organizations/compliance-page/commitments/CompliancePageCommitmentsPage.tsx
+++ b/apps/console/src/pages/organizations/compliance-page/commitments/CompliancePageCommitmentsPage.tsx
@@ -29,7 +29,7 @@ export const compliancePageCommitmentsPageQuery = graphql`
organization: node(id: $organizationId) {
__typename
... on Organization {
- compliancePage: trustCenter @required(action: THROW) {
+ compliancePage: compliancePortal @required(action: THROW) {
id
canCreateGroup: permission(action: "core:compliance-portal-commitment-group:create")
...CompliancePageCommitmentGroupListFragment
@@ -53,7 +53,7 @@ export function CompliancePageCommitmentsPage(props: { queryRef: PreloadedQuery<
return (
);
diff --git a/apps/console/src/pages/organizations/compliance-page/commitments/_components/CompliancePageCommitmentGroupDialog.tsx b/apps/console/src/pages/organizations/compliance-page/commitments/_components/CompliancePageCommitmentGroupDialog.tsx
index 1f2ff2bc7..276aea4d6 100644
--- a/apps/console/src/pages/organizations/compliance-page/commitments/_components/CompliancePageCommitmentGroupDialog.tsx
+++ b/apps/console/src/pages/organizations/compliance-page/commitments/_components/CompliancePageCommitmentGroupDialog.tsx
@@ -70,7 +70,7 @@ const groupSchema = z.object({
type GroupFormData = z.infer;
export type CompliancePageCommitmentGroupDialogRef = {
- openCreate: (trustCenterId: string) => void;
+ openCreate: (compliancePortalId: string) => void;
openEdit: (group: CompliancePageCommitmentGroupListItemFragment$data) => void;
};
@@ -81,7 +81,7 @@ export const CompliancePageCommitmentGroupDialog = forwardRef<
const { __ } = useTranslate();
const dialogRef = useDialogRef();
const [mode, setMode] = useState<"create" | "edit">("create");
- const [trustCenterId, setTrustCenterId] = useState("");
+ const [compliancePortalId, setCompliancePortalId] = useState("");
const [groupId, setGroupId] = useState("");
const [createGroup, isCreating] = useMutationWithToasts(
@@ -100,7 +100,7 @@ export const CompliancePageCommitmentGroupDialog = forwardRef<
useImperativeHandle(ref, () => ({
openCreate: (tId: string) => {
setMode("create");
- setTrustCenterId(tId);
+ setCompliancePortalId(tId);
reset({ title: "", description: "" });
dialogRef.current?.open();
},
@@ -115,7 +115,7 @@ export const CompliancePageCommitmentGroupDialog = forwardRef<
const onSubmit = async (data: GroupFormData) => {
if (mode === "create") {
await createGroup({
- variables: { input: { trustCenterId, title: data.title, description: data.description } },
+ variables: { input: { compliancePortalId, title: data.title, description: data.description } },
onSuccess: () => {
reset();
dialogRef.current?.close();
diff --git a/apps/console/src/pages/organizations/compliance-page/commitments/_components/CompliancePageCommitmentGroupList.tsx b/apps/console/src/pages/organizations/compliance-page/commitments/_components/CompliancePageCommitmentGroupList.tsx
index 0bef86248..e1937bc3a 100644
--- a/apps/console/src/pages/organizations/compliance-page/commitments/_components/CompliancePageCommitmentGroupList.tsx
+++ b/apps/console/src/pages/organizations/compliance-page/commitments/_components/CompliancePageCommitmentGroupList.tsx
@@ -33,7 +33,7 @@ import { CompliancePageCommitmentGroupDialog, type CompliancePageCommitmentGroup
import { CompliancePageCommitmentGroupListItem } from "./CompliancePageCommitmentGroupListItem";
const fragment = graphql`
- fragment CompliancePageCommitmentGroupListFragment on TrustCenter
+ fragment CompliancePageCommitmentGroupListFragment on CompliancePortal
@refetchable(queryName: "CompliancePageCommitmentGroupListRefetchQuery") {
commitmentGroups(first: 100, orderBy: { field: RANK, direction: ASC }) {
edges {
@@ -62,10 +62,10 @@ const updateRankMutation = graphql`
export function CompliancePageCommitmentGroupList(props: {
fragmentRef: CompliancePageCommitmentGroupListFragment$key;
- trustCenterId: string;
+ compliancePortalId: string;
canCreate: boolean;
}) {
- const { fragmentRef, trustCenterId, canCreate } = props;
+ const { fragmentRef, compliancePortalId, canCreate } = props;
const { __ } = useTranslate();
const dialogRef = useRef(null);
@@ -106,7 +106,7 @@ export function CompliancePageCommitmentGroupList(props: {
{canCreate && (
-