added: icons for curtains and thermostat, all links in the footer now work, centered the toggle for the videocam component - also, I do not know if it was already merged, but the modal now looks better (I hope)

This commit is contained in:
Fil Cesana 2020-05-07 13:13:02 +02:00
parent 1dd25968be
commit 74bccad636
5 changed files with 16 additions and 8 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 39 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 24 KiB

View file

@ -165,8 +165,12 @@ class NewDevice extends Component {
render() { render() {
const deviceOptions = [ const deviceOptions = [
//stuff //stuff
{ key: "thermostat", text: "Thermostat", value: "thermostat", image: {} }, { key: "thermostat", text: "Thermostat", value: "thermostat",
{ key: "curtains", text: "Curtain", value: "curtains", image: {} }, image: {avatar: true, src: "/img/thermostat-icon.png"}
},
{ key: "curtains", text: "Curtain", value: "curtains",
image: {avatar: true, src: "/img/curtains-icon.png"}
},
//stuff ends //stuff ends
{ {
key: "light", key: "light",

View file

@ -70,12 +70,16 @@ class Videocam extends Component {
/> />
</Grid.Column> </Grid.Column>
</Grid.Row> </Grid.Row>
</Grid> <Grid.Row textAlign="center">
<Grid.Column>
<Checkbox <Checkbox
checked={this.props.stateOrDevice.on} checked={this.props.stateOrDevice.on}
toggle toggle
onChange={(e, val) => this.setOnOff(val.checked)} onChange={(e, val) => this.setOnOff(val.checked)}
/> />
</Grid.Column>
</Grid.Row>
</Grid>
</div> </div>
); );

View file

@ -247,7 +247,7 @@ const Home = () => (
</a> </a>
</List.Item> </List.Item>
<List.Item> <List.Item>
<a href="https://theshell.ch" target="blank"> <a href="https://www.theshell.ch" target="blank">
The Shell The Shell
</a> </a>
</List.Item> </List.Item>