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

/**
 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 .
 **/

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>
        )
    }
}

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>
        )
    }
}