1b5fe5437a
* UI banner, labels and log messages are shown when temporary admin account is used * added UI tests that check the elements' presence Signed-off-by: Peter Zaoral <pzaoral@redhat.com> Co-authored-by: Václav Muzikář <vaclav@muzikari.cz>
26 lines
763 B
TypeScript
26 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?
|
|
};
|