diff --git a/interface/src/project/EMSESPDevicesForm.tsx b/interface/src/project/EMSESPDevicesForm.tsx index 40fac0729..31f4376a4 100644 --- a/interface/src/project/EMSESPDevicesForm.tsx +++ b/interface/src/project/EMSESPDevicesForm.tsx @@ -36,6 +36,16 @@ const StyledTableCell = withStyles((theme: Theme) => }) )(TableCell); +const CustomTooltip = withStyles((theme: Theme) => ({ + tooltip: { + backgroundColor: theme.palette.secondary.main, + color: 'white', + boxShadow: theme.shadows[1], + fontSize: 11, + border: '1px solid #dadde9', + }, +}))(Tooltip); + function compareDevices(a: Device, b: Device) { if (a.type < b.type) { return -1; @@ -162,14 +172,14 @@ class EMSESPDevicesForm extends Component ( this.handleRowClick(device)}> - - + {device.brand + " " + device.name} @@ -352,10 +362,13 @@ class EMSESPDevicesForm extends Component {deviceData.data[i + 3] && me.admin && ( - this.sendCommand(i)}> - - + + this.sendCommand(i)}> + + + )} {deviceData.data[i + 2]} diff --git a/interface/src/project/EMSESPSettingsForm.tsx b/interface/src/project/EMSESPSettingsForm.tsx index 3eb18d546..03dace618 100644 --- a/interface/src/project/EMSESPSettingsForm.tsx +++ b/interface/src/project/EMSESPSettingsForm.tsx @@ -108,7 +108,7 @@ class EMSESPSettingsForm extends React.Component { - Modify any of the EMS-ESP settings here. For help refer to the{" "} + Adjust any of the EMS-ESP settings here. For help refer to the{" "} { return ( - Modify the {devicevalue.name} + Change the {devicevalue.name} { /> - Note: It may take a few seconds before the change is visible. If nothing happens check the logs. + Note: it may take a few seconds before the change is visible. If nothing happens check the logs.