20 lines
381 B
TypeScript
20 lines
381 B
TypeScript
|
export function ErrorAlert({
|
||
|
|
message,
|
||
|
|
retry,
|
||
|
|
}: {
|
||
|
|
message: string
|
||
|
|
retry?: () => void | Promise<void>
|
||
|
|
}) {
|
||
|
|
return (
|
||
|
|
<div className="error-alert" role="alert">
|
||
|
|
<strong>Request failed</strong>
|
||
|
|
<span>{message}</span>
|
||
|
|
{retry && (
|
||
|
|
<button type="button" onClick={() => void retry()}>
|
||
|
|
Try again
|
||
|
|
</button>
|
||
|
|
)}
|
||
|
|
</div>
|
||
|
|
)
|
||
|
|
}
|