64 lines
2.6 KiB
TypeScript
64 lines
2.6 KiB
TypeScript
import * as React from "react";
|
|
import { connect } from "react-redux";
|
|
import { HardwareSettings } from "./components/hardware_settings";
|
|
import { FarmbotOsSettings } from "./components/farmbot_os_settings";
|
|
import { Page, Col, Row } from "../ui/index";
|
|
import { mapStateToProps } from "./state_to_props";
|
|
import { Props } from "./interfaces";
|
|
import { PinBindings } from "./pin_bindings/pin_bindings";
|
|
import { getStatus } from "../connectivity/reducer_support";
|
|
import { isFwHardwareValue } from "./components/firmware_hardware_support";
|
|
|
|
export class RawDevices extends React.Component<Props, {}> {
|
|
render() {
|
|
if (this.props.auth) {
|
|
const { botToMqtt } = this.props;
|
|
const botToMqttStatus = getStatus(botToMqtt);
|
|
const botToMqttLastSeen = (botToMqtt && botToMqttStatus === "up")
|
|
? botToMqtt.at
|
|
: "";
|
|
const { value } = this.props.sourceFbosConfig("firmware_hardware");
|
|
const firmwareHardware = isFwHardwareValue(value) ? value : undefined;
|
|
return <Page className="device-page">
|
|
<Row>
|
|
<Col xs={12} sm={6}>
|
|
<FarmbotOsSettings
|
|
deviceAccount={this.props.deviceAccount}
|
|
dispatch={this.props.dispatch}
|
|
alerts={this.props.alerts}
|
|
bot={this.props.bot}
|
|
timeSettings={this.props.timeSettings}
|
|
botToMqttLastSeen={new Date(botToMqttLastSeen).getTime()}
|
|
botToMqttStatus={botToMqttStatus}
|
|
sourceFbosConfig={this.props.sourceFbosConfig}
|
|
shouldDisplay={this.props.shouldDisplay}
|
|
isValidFbosConfig={this.props.isValidFbosConfig}
|
|
env={this.props.env}
|
|
saveFarmwareEnv={this.props.saveFarmwareEnv}
|
|
webAppConfig={this.props.webAppConfig} />
|
|
</Col>
|
|
<Col xs={12} sm={6}>
|
|
<HardwareSettings
|
|
controlPanelState={this.props.bot.controlPanelState}
|
|
dispatch={this.props.dispatch}
|
|
resources={this.props.resources}
|
|
bot={this.props.bot}
|
|
botToMqttStatus={botToMqttStatus}
|
|
shouldDisplay={this.props.shouldDisplay}
|
|
firmwareHardware={firmwareHardware}
|
|
sourceFwConfig={this.props.sourceFwConfig}
|
|
firmwareConfig={this.props.firmwareConfig} />
|
|
<PinBindings
|
|
dispatch={this.props.dispatch}
|
|
resources={this.props.resources} />
|
|
</Col>
|
|
</Row>
|
|
</Page>;
|
|
} else {
|
|
throw new Error("Log in first");
|
|
}
|
|
}
|
|
}
|
|
|
|
export const Devices = connect(mapStateToProps)(RawDevices);
|