27 lines
763 B
TypeScript
27 lines
763 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";
|
||
|
|
|
||
|
|
const WarnBanner = (msg: string) => {
|
||
|
|
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("loggedInAsTempAdminUser");
|
||
|
|
// more banners in the future?
|
||
|
|
};
|