2024-06-05 23:44:57 +00:00
|
|
|
/* eslint-disable react-refresh/only-export-components */
|
2022-09-06 17:22:23 +00:00
|
|
|
import { createRoot } from "react-dom/client";
|
|
|
|
import { StrictMode, lazy, Suspense } from "react";
|
|
|
|
|
2024-06-05 23:44:57 +00:00
|
|
|
const KcLoginThemeApp = lazy(() => import("./login/KcApp"));
|
|
|
|
const KcAccountThemeApp = lazy(() => import("./account/KcApp"));
|
2022-09-06 17:22:23 +00:00
|
|
|
|
2024-06-06 03:26:06 +00:00
|
|
|
|
|
|
|
// NOTE: This is just to test a specific page when you run `yarn dev`
|
|
|
|
// however the recommended way to develope is to use the Storybook
|
2024-06-06 04:02:50 +00:00
|
|
|
if (window.kcContext === undefined) {
|
|
|
|
window.kcContext = (await import("./login/PageStory")).getKcContextMock({
|
2024-06-06 03:26:06 +00:00
|
|
|
pageId: "register.ftl"
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
2022-09-06 17:22:23 +00:00
|
|
|
createRoot(document.getElementById("root")!).render(
|
|
|
|
<StrictMode>
|
2023-02-27 09:13:07 +00:00
|
|
|
<Suspense>
|
2024-06-05 23:44:57 +00:00
|
|
|
{(() => {
|
2024-06-06 04:02:50 +00:00
|
|
|
switch (window.kcContext?.themeType) {
|
2024-06-06 03:26:06 +00:00
|
|
|
case "login":
|
2024-06-06 04:02:50 +00:00
|
|
|
return <KcLoginThemeApp kcContext={window.kcContext} />;
|
2024-06-06 03:26:06 +00:00
|
|
|
case "account":
|
2024-06-06 04:02:50 +00:00
|
|
|
return <KcAccountThemeApp kcContext={window.kcContext} />;
|
2024-06-06 03:26:06 +00:00
|
|
|
case undefined:
|
|
|
|
return <h1>No Keycloak Context</h1>;
|
2023-03-21 16:19:01 +00:00
|
|
|
}
|
2023-03-21 01:55:32 +00:00
|
|
|
})()}
|
2023-02-27 09:13:07 +00:00
|
|
|
</Suspense>
|
|
|
|
</StrictMode>
|
2022-09-06 17:22:23 +00:00
|
|
|
);
|