smarthut/frontend
2
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Curtains style fix

Browse source
This commit is contained in:
Claudio Maggioni (maggicl) 2020-04-27 14:14:11 +02:00
parent a54df637cd
commit 29d2815a77
2 changed files with 106 additions and 99 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
smart-hut/src/components/dashboard/devices/Curtain.js
View file

@ -6,7 +6,10 @@ import { connect } from "react-redux";
class Curtain extends Component { class Curtain extends Component {
constructor(props) { constructor(props) {
super(props); super(props);
this.state = { intensity: this.props.stateOrDevice.intensity, timeout: null }; this.state = {
intensity: this.props.stateOrDevice.intensity,
timeout: null,
};
this.setIntensity = this.setIntensity.bind(this); this.setIntensity = this.setIntensity.bind(this);
} }
@ -27,7 +30,10 @@ class Curtain extends Component {
.saveDevice({ ...this.props.stateOrDevice, on }) .saveDevice({ ...this.props.stateOrDevice, on })
.catch((err) => console.error("curtains update error", err)); .catch((err) => console.error("curtains update error", err));
} else { } else {
this.props.updateState({ id: this.props.sceneState.id, on: on },this.props.sceneState.kind); this.props.updateState(
{ id: this.props.sceneState.id, on: on },
this.props.sceneState.kind
);
} }
}; };
@ -57,7 +63,10 @@ class Curtain extends Component {
.saveDevice({ ...this.props.stateOrDevice, intensity }) .saveDevice({ ...this.props.stateOrDevice, intensity })
.catch((err) => console.error("curtain update error", err)); .catch((err) => console.error("curtain update error", err));
} else { } else {
this.props.updateState({ id: this.props.sceneState.id, intensity: intensity },this.props.sceneState.kind); this.props.updateState(
{ id: this.props.sceneState.id, intensity: intensity },
this.props.sceneState.kind
);
} }
}; };
@ -71,7 +80,6 @@ class Curtain extends Component {
} }
}; };
///*this took me way too much more time than it should have*/ ///*this took me way too much more time than it should have*/
handleChange = (a) => { handleChange = (a) => {
@ -81,7 +89,7 @@ class Curtain extends Component {
render() { render() {
return ( return (
<div className="container"> <div className="container curtain-container">
<div <div
className="open-container" className="open-container"
style={{ style={{
@ -100,7 +108,6 @@ class Curtain extends Component {
max="100" max="100"
/> />
</div> </div>
); );
} }
} }

2
smart-hut/src/components/dashboard/devices/Curtains.css
View file

@ -4,7 +4,7 @@
box-sizing: border-box; box-sizing: border-box;
} }
.container { .container.curtain-container {
position: relative; position: relative;
margin-top: 10%; margin-top: 10%;
width: 18rem; width: 18rem;