30 lines
885 B
TypeScript
30 lines
885 B
TypeScript
import { getKcContext, type KcContext } from "./kcContext";
|
|
import KcApp from "./KcApp";
|
|
import type { DeepPartial } from "keycloakify/tools/DeepPartial";
|
|
|
|
export function createPageStory<PageId extends KcContext["pageId"]>(params: {
|
|
pageId: PageId;
|
|
}) {
|
|
|
|
const { pageId } = params;
|
|
|
|
function PageStory(params: { kcContext?: DeepPartial<Extract<KcContext, { pageId: PageId }>>; }) {
|
|
|
|
const { kcContext } = getKcContext({
|
|
mockPageId: pageId,
|
|
storyPartialKcContext: params.kcContext
|
|
});
|
|
|
|
return (
|
|
<>
|
|
{/* If you import custom fonts in your index.html you have to import them in storybook as well*/}
|
|
<link rel="stylesheet" type="text/css" href="fonts/WorkSans/font.css" />
|
|
<KcApp kcContext={kcContext} />
|
|
</>
|
|
);
|
|
|
|
}
|
|
|
|
return { PageStory };
|
|
|
|
}
|