keycloak-scim/js/apps/admin-ui/src/ForbiddenSection.tsx
James Hewitt aa5c7c0310
Add a separator for listing required permissions (#29272)
Closes #29213

Signed-off-by: James Hewitt <james.hewitt@uk.ibm.com>
2024-05-07 16:34:06 -04:00

24 lines
708 B
TypeScript

import { useTranslation } from "react-i18next";
import { PageSection } from "@patternfly/react-core";
import type { AccessType } from "@keycloak/keycloak-admin-client/lib/defs/whoAmIRepresentation";
type ForbiddenSectionProps = {
permissionNeeded: AccessType | AccessType[];
};
export const ForbiddenSection = ({
permissionNeeded,
}: ForbiddenSectionProps) => {
const { t } = useTranslation();
const permissionNeededArray = Array.isArray(permissionNeeded)
? permissionNeeded
: [permissionNeeded];
return (
<PageSection>
{t("forbidden", { count: permissionNeededArray.length })}{" "}
{permissionNeededArray.map((p) => p.toString()).join(", ")}
</PageSection>
);
};