-
+
diff --git a/smart-hut/src/components/dashboard/devices/NewDevice.js b/smart-hut/src/components/dashboard/devices/NewDevice.js
index 965ccc0..c384282 100644
--- a/smart-hut/src/components/dashboard/devices/NewDevice.js
+++ b/smart-hut/src/components/dashboard/devices/NewDevice.js
@@ -141,10 +141,14 @@ class NewDevice extends Component {
case "buttonDimmer":
case "knobDimmer":
outputs = this.state.lightsAttached;
- if (this.state.lightsAttached === undefined ||
- this.state.lightsAttached.length === 0) {
- alert("No lights attached to this switch! Please, add a light a first.");
- return;
+ if (
+ this.state.lightsAttached === undefined ||
+ this.state.lightsAttached.length === 0
+ ) {
+ alert(
+ "No lights attached to this switch! Please, add a light a first."
+ );
+ return;
}
break;
default:
@@ -165,11 +169,17 @@ class NewDevice extends Component {
render() {
const deviceOptions = [
//stuff
- { key: "thermostat", text: "Thermostat", value: "thermostat",
- image: {avatar: true, src: "/img/thermostat-icon.png"}
+ {
+ key: "thermostat",
+ text: "Thermostat",
+ value: "thermostat",
+ image: { avatar: true, src: "/img/thermostat-icon.png" },
},
- { key: "curtains", text: "Curtain", value: "curtains",
- image: {avatar: true, src: "/img/curtains-icon.png"}
+ {
+ key: "curtains",
+ text: "Curtain",
+ value: "curtains",
+ image: { avatar: true, src: "/img/curtains-icon.png" },
},
//stuff ends
{
diff --git a/smart-hut/src/components/dashboard/devices/Sensor.js b/smart-hut/src/components/dashboard/devices/Sensor.js
index f171b6a..2583df0 100644
--- a/smart-hut/src/components/dashboard/devices/Sensor.js
+++ b/smart-hut/src/components/dashboard/devices/Sensor.js
@@ -57,13 +57,6 @@ class Sensor extends Component {
this.name = "Sensor";
}
- // setName = () => {
- // if (this.props.device.name.length > 15) {
- // return this.props.device.name.slice(0, 12) + "...";
- // }
- // return this.props.device.name;
- // };
-
componentDidUpdate(prevProps) {
if (
this.props.stateOrDevice.kind === "sensor" &&
@@ -123,6 +116,18 @@ class Sensor extends Component {
return this.iconOff;
};
+ temperatureColor = (value) => {
+ let hue = 100;
+ const min = 16;
+ const max = 20;
+ if (value >= min && value < max) {
+ hue = 100 - ((value - min) * 100) / (max - min);
+ } else if (value >= max) {
+ hue = 0;
+ }
+ return `hsl(${hue}, 100%, 50%)`;
+ };
+
render() {
const MotionSensor = (props) => {
return (
@@ -161,11 +166,18 @@ class Sensor extends Component {
>