import Box from "@mui/material/Box"; import CssBaseline from "@mui/material/CssBaseline"; import { ThemeProvider } from "@mui/material/styles"; import React, { FC } from "react"; import ErrorPage from "./components/ErrorPage"; import Footer from "./components/Footer"; import Header from "./components/Header"; import SignOutConfirmPage from "./components/SignOutConfirmPage"; import { ToolbarOffset } from "./components/ToolbarOffset"; import UserInfoPage from "./components/UserInfoPage"; import WebAuthnRegistrationPage from "./components/WebAuthnRegistrationPage"; import { SubpageContextProvider } from "./context/Subpage"; import { createTheme } from "./theme"; import { PageData, UserInfoPageData } from "./types"; const theme = createTheme(); const App: FC = () => { const data = (window["POMERIUM_DATA"] || {}) as PageData; let body: React.ReactNode = <>; switch (data?.page) { case "Error": body = ; break; case "SignOutConfirm": body = ; break; case "DeviceEnrolled": case "UserInfo": body = ; break; case "WebAuthnRegistration": body = ; break; } return (
{body}