54df62fe04
fixes: #32468 Signed-off-by: Erik Jan de Wit <erikjan.dewit@gmail.com>
29 lines
794 B
TypeScript
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" />;
|
|
};
|