22 lines
640 B
TypeScript
22 lines
640 B
TypeScript
import type { OIDCCallbackError } from '../lib/oidc';
|
|
import { Button } from './ui';
|
|
|
|
export function OIDCCallbackNotice(props: {
|
|
error: OIDCCallbackError;
|
|
onRetry: () => void;
|
|
}) {
|
|
return (
|
|
<div className="notice oidcCallbackNotice" role="alert">
|
|
<span className="oidcCallbackMessage">
|
|
<span>{props.error.message}</span>
|
|
{props.error.diagnosticId && <small>诊断编号：{props.error.diagnosticId}</small>}
|
|
</span>
|
|
{props.error.retryable && (
|
|
<Button type="button" variant="outline" size="sm" onClick={props.onRetry}>
|
|
重新登录
|
|
</Button>
|
|
)}
|
|
</div>
|
|
);
|
|
}
|