24 lines
615 B
TypeScript
24 lines
615 B
TypeScript
import * as React from "react";
|
|
import { Row, Col } from "../ui/index";
|
|
import { AxisDisplayGroupProps } from "./interfaces";
|
|
import { isNumber } from "lodash";
|
|
import { t } from "../i18next_wrapper";
|
|
|
|
const Axis = ({ val }: { val: number | undefined }) => <Col xs={3}>
|
|
<input disabled value={isNumber(val) ? val : "---"} />
|
|
</Col>;
|
|
|
|
export let AxisDisplayGroup = ({ position, label }: AxisDisplayGroupProps) => {
|
|
const { x, y, z } = position;
|
|
return <Row>
|
|
<Axis val={x} />
|
|
<Axis val={y} />
|
|
<Axis val={z} />
|
|
<Col xs={3}>
|
|
<label>
|
|
{t(label)}
|
|
</label>
|
|
</Col>
|
|
</Row>;
|
|
};
|