39 lines
1.2 KiB
TypeScript
39 lines
1.2 KiB
TypeScript
import * as React from "react";
|
|
import { NetworkState } from "../connectivity/interfaces";
|
|
import { SyncStatus } from "farmbot";
|
|
import { Content } from "../constants";
|
|
import { t } from "../i18next_wrapper";
|
|
|
|
/** Properties for the <MustBeOnline/> element. */
|
|
export interface MBOProps {
|
|
networkState: NetworkState;
|
|
syncStatus: SyncStatus | undefined;
|
|
lockOpen?: boolean;
|
|
hideBanner?: boolean;
|
|
children?: React.ReactNode;
|
|
}
|
|
|
|
export function isBotUp(status: SyncStatus | undefined) {
|
|
return status && !(["maintenance", "unknown"].includes(status));
|
|
}
|
|
|
|
export function isBotOnline(
|
|
syncStatus: SyncStatus | undefined,
|
|
botToMqttStatus: NetworkState): boolean {
|
|
return !!(isBotUp(syncStatus) && botToMqttStatus === "up");
|
|
}
|
|
|
|
export function MustBeOnline(props: MBOProps) {
|
|
const { children, hideBanner, lockOpen, networkState, syncStatus } = props;
|
|
const banner = hideBanner ? "" : "banner";
|
|
if (isBotOnline(syncStatus, networkState) || lockOpen) {
|
|
return <div className={"bot-is-online-wrapper"}>{children}</div>;
|
|
} else {
|
|
return <div
|
|
className={`unavailable ${banner}`}
|
|
title={t(Content.NOT_AVAILABLE_WHEN_OFFLINE)}>
|
|
{children}
|
|
</div>;
|
|
}
|
|
}
|