Keycloak
1import { Page, Spinner } from "@patternfly/react-core";
2import { Suspense } from "react";
3import { Outlet } from "react-router-dom";
4import { environment } from "../environment";
5import { Header } from "./Header";
6import { KeycloakProvider } from "./KeycloakContext";
7import { PageNav } from "./PageNav";
8
9export const Root = () => {
10return (
11<KeycloakProvider environment={environment}>
12<Page header={<Header />} sidebar={<PageNav />} isManagedSidebar>
13<Suspense fallback={<Spinner />}>
14<Outlet />
15</Suspense>
16</Page>
17</KeycloakProvider>
18);
19};
20