Re implement asset fetching

This commit is contained in:
Joseph Garrone
2024-06-05 06:10:11 +02:00
parent 89fb6de2d5
commit b1da684008
18 changed files with 182 additions and 234 deletions

View File

@ -1,9 +1,8 @@
import React, { lazy, Suspense } from "react";
import React from "react";
import Fallback from "../../dist/account";
import type { KcContext } from "./kcContext";
import { useI18n } from "./i18n";
const DefaultTemplate = lazy(() => import("../../dist/account/Template"));
import Template from "../../dist/account/Template";
export default function KcApp(props: { kcContext: KcContext }) {
const { kcContext } = props;
@ -14,14 +13,5 @@ export default function KcApp(props: { kcContext: KcContext }) {
return null;
}
return (
<Suspense>
{(() => {
switch (kcContext.pageId) {
default:
return <Fallback {...{ kcContext, i18n }} Template={DefaultTemplate} doUseDefaultCss={true} />;
}
})()}
</Suspense>
);
return <Fallback {...{ kcContext, i18n }} Template={Template} doUseDefaultCss={true} />;
}

View File

@ -15,7 +15,11 @@ export function createPageStory<PageId extends KcContext["pageId"]>(params: { pa
overrides
});
return <KcApp kcContext={kcContextMock} />;
return (
<React.StrictMode>
<KcApp kcContext={kcContextMock} />
</React.StrictMode>
);
}
return { PageStory };

View File

@ -1,4 +1,4 @@
import React, { lazy, Suspense } from "react";
import React from "react";
import Fallback from "../../dist/login";
import type { KcContext } from "./kcContext";
import { useI18n } from "./i18n";
@ -35,23 +35,14 @@ export default function KcApp(props: { kcContext: KcContext }) {
}
return (
<Suspense>
{(() => {
switch (kcContext.pageId) {
default:
return (
<Fallback
{...{
kcContext,
i18n,
Template,
UserProfileFormFields
}}
doUseDefaultCss={true}
/>
);
}
})()}
</Suspense>
<Fallback
{...{
kcContext,
i18n,
Template,
UserProfileFormFields
}}
doUseDefaultCss={true}
/>
);
}

View File

@ -15,7 +15,11 @@ export function createPageStory<PageId extends KcContext["pageId"]>(params: { pa
overrides
});
return <KcApp kcContext={kcContextMock} />;
return (
<React.StrictMode>
<KcApp kcContext={kcContextMock} />
</React.StrictMode>
);
}
return { PageStory };