Keycloak

1
import { Page, Spinner } from "@patternfly/react-core";
2
import { Suspense } from "react";
3
import { Outlet } from "react-router-dom";
4
import { environment } from "../environment";
5
import { Header } from "./Header";
6
import { KeycloakProvider } from "./KeycloakContext";
7
import { PageNav } from "./PageNav";
8

9
export const Root = () => {
10
  return (
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