50 lines
1.9 KiB
TypeScript
50 lines
1.9 KiB
TypeScript
import { memo } from "react";
|
|
import { Template } from "./Template";
|
|
import type { KcProps } from "./KcProps";
|
|
import { assert } from "../tools/assert";
|
|
import type { KcContextBase } from "../getKcContext/KcContextBase";
|
|
import { useKcMessage } from "../i18n/useKcMessage";
|
|
|
|
export const Info = memo(({ kcContext, ...props }: { kcContext: KcContextBase.Info } & KcProps) => {
|
|
const { msg } = useKcMessage();
|
|
|
|
assert(kcContext.message !== undefined);
|
|
|
|
const { messageHeader, message, requiredActions, skipLink, pageRedirectUri, actionUri, client } = kcContext;
|
|
|
|
return (
|
|
<Template
|
|
{...{ kcContext, ...props }}
|
|
doFetchDefaultThemeResources={true}
|
|
displayMessage={false}
|
|
headerNode={messageHeader !== undefined ? <>{messageHeader}</> : <>{message.summary}</>}
|
|
formNode={
|
|
<div id="kc-info-message">
|
|
<p className="instruction">
|
|
{message.summary}
|
|
|
|
{requiredActions !== undefined && (
|
|
<b>{requiredActions.map(requiredAction => msg(`requiredAction.${requiredAction}` as const)).join(",")}</b>
|
|
)}
|
|
</p>
|
|
{!skipLink && pageRedirectUri !== undefined ? (
|
|
<p>
|
|
<a href={pageRedirectUri}>{msg("backToApplication")}</a>
|
|
</p>
|
|
) : actionUri !== undefined ? (
|
|
<p>
|
|
<a href={actionUri}>{msg("proceedWithAction")}</a>
|
|
</p>
|
|
) : (
|
|
client.baseUrl !== undefined && (
|
|
<p>
|
|
<a href={client.baseUrl}>{msg("backToApplication")}</a>
|
|
</p>
|
|
)
|
|
)}
|
|
</div>
|
|
}
|
|
/>
|
|
);
|
|
});
|