diff --git a/js/apps/admin-ui/src/App.tsx b/js/apps/admin-ui/src/App.tsx index 3d64f7d8c7f3..c6e5f979f83f 100644 --- a/js/apps/admin-ui/src/App.tsx +++ b/js/apps/admin-ui/src/App.tsx @@ -26,6 +26,7 @@ import { WhoAmIContextProvider } from "./context/whoami/WhoAmI"; import type { Environment } from "./environment"; import { SubGroups } from "./groups/SubGroupsContext"; import { AuthWall } from "./root/AuthWall"; +import { Banners } from "./Banner"; const AppContexts = ({ children }: PropsWithChildren) => ( @@ -71,6 +72,7 @@ export const App = () => { }> + diff --git a/js/apps/admin-ui/src/Banner.tsx b/js/apps/admin-ui/src/Banner.tsx new file mode 100644 index 000000000000..090af2f70d2c --- /dev/null +++ b/js/apps/admin-ui/src/Banner.tsx @@ -0,0 +1,19 @@ +import { Banner, Flex, FlexItem } from "@patternfly/react-core"; +import { ExclamationTriangleIcon } from "@patternfly/react-icons"; + +const WarnBanner = (text: string) => { + return ( + + + + + + {text} + + + ); +}; + +export const Banners = () => { + return WarnBanner("This is a warning"); +};