37 lines
781 B
TypeScript
37 lines
781 B
TypeScript
import React from "react";
|
|
|
|
export default function ErrorCard({
|
|
retry,
|
|
retryText,
|
|
text
|
|
}: {
|
|
retry?: () => void;
|
|
retryText?: string;
|
|
text: string;
|
|
}) {
|
|
const buttonText = retryText || "Try Again";
|
|
return (
|
|
<div className="card">
|
|
<div className="card-body text-center">
|
|
{text}
|
|
{retry && (
|
|
<>
|
|
<span
|
|
className="btn btn-white ml-3 d-none d-md-inline"
|
|
onClick={retry}
|
|
>
|
|
{buttonText}
|
|
</span>
|
|
<div className="d-block d-md-none mt-4">
|
|
<hr></hr>
|
|
<span className="btn btn-white" onClick={retry}>
|
|
{buttonText}
|
|
</span>
|
|
</div>
|
|
</>
|
|
)}
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|