uwap
0a027fd7c2
to a new functional way of defining them with advantages towards generating docs and a potential editor functionality
29 lines
744 B
JavaScript
29 lines
744 B
JavaScript
// @flow
|
|
import React from "react";
|
|
import createComponent from "./base";
|
|
import { getValue } from "./utils";
|
|
|
|
import type { UIText } from "config/flowtypes";
|
|
|
|
import ListItemText from "@material-ui/core/ListItemText";
|
|
|
|
const BaseComponent = ({Icon}, item: UIText, state, _changeState) => (
|
|
<React.Fragment>
|
|
<Icon item={item} state={state} />
|
|
<ListItemText key="label" secondary={item.text} />
|
|
<ListItemText key="vr" primary={getValue(item, state)} align="right" />
|
|
</React.Fragment>
|
|
);
|
|
|
|
export default createComponent({
|
|
id: "text",
|
|
name: "Text",
|
|
desc: `
|
|
The Text is used to display an MQTT value.
|
|
`,
|
|
parameters: {
|
|
text: "A descriptive label",
|
|
topic: "The topic id"
|
|
},
|
|
baseComponent: BaseComponent
|
|
});
|