keycloakify-custom/src/main.tsx

33 lines
1.1 KiB
TypeScript
Raw Normal View History

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-02-27 09:13:07 +00:00
</Suspense>
</StrictMode>
2022-09-06 17:22:23 +00:00
);