Farmbot-Web-App/frontend/devices/components/numeric_mcu_input_group.tsx

51 lines
1.3 KiB
TypeScript

import * as React from "react";
import { McuInputBox } from "./mcu_input_box";
import { SpacePanelToolTip } from "./space_panel_tool_tip";
import { NumericMCUInputGroupProps } from "./interfaces";
import { Row, Col } from "../../ui/index";
export function NumericMCUInputGroup(props: NumericMCUInputGroupProps) {
const {
sourceFwConfig, dispatch, tooltip, name, x, y, z, intSize, gray, float,
} = props;
return <Row>
<Col xs={6}>
<label>
{name}
</label>
<SpacePanelToolTip tooltip={tooltip} />
</Col>
<Col xs={2}>
<McuInputBox
setting={x}
sourceFwConfig={sourceFwConfig}
dispatch={dispatch}
intSize={intSize}
float={float}
scale={props.xScale}
gray={gray && gray.x} />
</Col>
<Col xs={2}>
<McuInputBox
setting={y}
sourceFwConfig={sourceFwConfig}
dispatch={dispatch}
intSize={intSize}
float={float}
scale={props.yScale}
gray={gray && gray.y} />
</Col>
<Col xs={2}>
<McuInputBox
setting={z}
sourceFwConfig={sourceFwConfig}
dispatch={dispatch}
intSize={intSize}
float={float}
scale={props.zScale}
gray={gray && gray.z} />
</Col>
</Row>;
}