frontend/smart-hut/src/components/dashboard/devices/Dimmer.js

43 lines
1.1 KiB
JavaScript
Raw Normal View History

/**
Users can add dimmers, a particular kind of switch that can also modify the intensity level of a given light.
There are two types of dimmers:
A dimmer with state stores a given intensity level and sets the light to that level. <-- StatefulDimmer
A dimmer without state can just increase or decrease the intensity of a light. <-- DefualtDimmer
The user can change the state of a dimmer through an intuitive UI in SmartHut .
**/
2020-03-23 20:24:17 +00:00
import React, { Component } from "react";
export class StatefulDimmer extends Component {
constructor(props) {
super(props);
this.state = {
intensityLevel: 0,
pointingLDevices: [],
};
}
componentDidMount() {}
render() {
return <div>This is a Dimmer</div>;
}
}
2020-03-23 20:24:17 +00:00
export default class DefaultDimmer extends Component {
// As far as I am concern, even though this dimmer doesn't have state, internally it's needed
constructor(props) {
super(props);
this.state = {
pointingDevices: [],
};
}
componentDidMount() {}
render() {
return <div>This is a Dimmer</div>;
}
}