2023-11-17 11:52:10 +00:00
|
|
|
import Icon from "@/Icons/Icon";
|
2023-11-28 10:05:55 +00:00
|
|
|
import AsyncButton from "./Button/AsyncButton";
|
2023-10-31 15:40:12 +00:00
|
|
|
import { FormattedMessage } from "react-intl";
|
|
|
|
import classNames from "classnames";
|
|
|
|
|
2023-10-31 15:40:57 +00:00
|
|
|
export function Offline({ onRetry, className }: { onRetry?: () => void | Promise<void>; className?: string }) {
|
|
|
|
return (
|
|
|
|
<div className={classNames("flex items-center g8", className)}>
|
|
|
|
<Icon name="wifi-off" className="error" />
|
|
|
|
<div className="error">
|
2023-11-20 11:35:51 +00:00
|
|
|
<FormattedMessage defaultMessage="Offline" id="7UOvbT" />
|
2023-10-31 15:40:57 +00:00
|
|
|
</div>
|
|
|
|
{onRetry && (
|
|
|
|
<AsyncButton onClick={onRetry}>
|
2023-11-20 11:35:51 +00:00
|
|
|
<FormattedMessage defaultMessage="Retry" id="62nsdy" />
|
2023-10-31 15:40:57 +00:00
|
|
|
</AsyncButton>
|
|
|
|
)}
|
2023-10-31 15:40:12 +00:00
|
|
|
</div>
|
2023-10-31 15:40:57 +00:00
|
|
|
);
|
|
|
|
}
|