58 lines
1.6 KiB
TypeScript
58 lines
1.6 KiB
TypeScript
|
import { Suspense, lazy } from "react";
|
||
|
|
import type { KcContext } from "./KcContext";
|
||
|
|
import { useI18n } from "./i18n";
|
||
|
|
import { useDownloadTerms } from "keycloakify/login";
|
||
|
|
|
||
|
|
const Fallback = lazy(() => import("keycloakify/login/Fallback"));
|
||
|
|
const Template = lazy(() => import("./Template"));
|
||
|
|
const UserProfileFormFields = lazy(() => import("./UserProfileFormFields"));
|
||
|
|
|
||
|
|
export default function KcApp(props: { kcContext: KcContext }) {
|
||
|
|
const { kcContext } = props;
|
||
|
|
|
||
|
|
const i18n = useI18n({ kcContext });
|
||
|
|
|
||
|
|
useDownloadTerms({
|
||
|
|
kcContext,
|
||
|
|
downloadTermMarkdown: async ({ currentLanguageTag }) => {
|
||
|
|
|
||
|
|
const termsFileName = (() => {
|
||
|
|
switch (currentLanguageTag) {
|
||
|
|
case "fr": return "fr.md";
|
||
|
|
case "es": return "es.md";
|
||
|
|
default: return "en.md";
|
||
|
|
}
|
||
|
|
})();
|
||
|
|
|
||
|
|
// The files are in the public directory.
|
||
|
|
const response = await fetch(`${import.meta.env}terms/${termsFileName}`);
|
||
|
|
|
||
|
|
return response.text();
|
||
|
|
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
if (i18n === null) {
|
||
|
|
return null;
|
||
|
|
}
|
||
|
|
|
||
|
|
return (
|
||
|
|
<Suspense>
|
||
|
|
{(() => {
|
||
|
|
switch (kcContext.pageId) {
|
||
|
|
default:
|
||
|
|
return <Fallback
|
||
|
|
{...{
|
||
|
|
kcContext,
|
||
|
|
i18n,
|
||
|
|
Template,
|
||
|
|
UserProfileFormFields
|
||
|
|
}}
|
||
|
|
doUseDefaultCss={true}
|
||
|
|
/>
|
||
|
|
}
|
||
|
|
})()}
|
||
|
|
</Suspense>
|
||
|
|
);
|
||
|
|
}
|