keycloak-scim/js/apps/admin-ui/src/Banners.tsx
Erik Jan de Wit 54df62fe04
moved banner to top of the screen (#32765)
fixes: #32468

Signed-off-by: Erik Jan de Wit <erikjan.dewit@gmail.com>
2024-09-10 08:27:52 -04:00

29 lines
794 B
TypeScript

import { Banner, Flex, FlexItem } from "@patternfly/react-core";
import { ExclamationTriangleIcon } from "@patternfly/react-icons";
import { useWhoAmI } from "./context/whoami/WhoAmI";
import { useTranslation } from "react-i18next";
type WarnBannerProps = {
msg: string;
};
const WarnBanner = ({ msg }: WarnBannerProps) => {
const { t } = useTranslation();
return (
<Banner screenReaderText={t(msg)} variant="gold" isSticky>
<Flex spaceItems={{ default: "spaceItemsSm" }}>
<FlexItem>
<ExclamationTriangleIcon />
</FlexItem>
<FlexItem>{t(msg)}</FlexItem>
</Flex>
</Banner>
);
};
export const Banners = () => {
const { whoAmI } = useWhoAmI();
if (whoAmI.isTemporary()) return <WarnBanner msg="loggedInAsTempAdminUser" />;
};