Icons

webpage/src/App.js

 // Copyright (2019) Levi Coffman
 
 import React, {Component} from 'react';
-import Water from './Water.js';
+import Grid from '@material-ui/core/Grid';
+import Icon from './Icon.js';
+import {Button} from "@material-ui/core";
 
 export const ServerURL = "http://localhost:8080".toString();
 
 class App extends Component {
-  render() {
-	return (
-		<div>
-		  <Water/>
-		</div>
-	);
-  }
+    constructor(props) {
+        super(props);
+
+        this.sse = new EventSource(`${ServerURL}/api/plant-status`);
+    }
+
+    click = () => {
+        fetch(`${ServerURL}/test`)
+            .then(console.log, console.error);
+    };
+
+    render() {
+        return (
+            <div>
+                <Button onClick={this.click}>Update</Button>
+                <Grid container alignContent="center">
+                    <Grid item>
+                        <Icon plantName={"Kroak the oak"} plantID={4567} sse={this.sse}/>
+                    </Grid>
+                    <Grid item>
+                        <Icon plantName={"Woofy!"} plantID={1234} sse={this.sse}/>
+                    </Grid>
+                    <Grid item>
+                        <Icon plantName={"Kroak the oak"} plantID={4567} sse={this.sse}/>
+                    </Grid>
+                    <Grid item>
+                        <Icon plantName={"Woofy!"} plantID={1234} sse={this.sse}/>
+                    </Grid>
+                    <Grid item>
+                        <Icon plantName={"Kroak the oak"} plantID={4567} sse={this.sse}/>
+                    </Grid>
+                    <Grid item>
+                        <Icon plantName={"Woofy!"} plantID={1234} sse={this.sse}/>
+                    </Grid>
+                    <Grid item>
+                        <Icon plantName={"Kroak the oak"} plantID={4567} sse={this.sse}/>
+                    </Grid>
+                    <Grid item>
+                        <Icon plantName={"Woofy!"} plantID={1234} sse={this.sse}/>
+                    </Grid>
+                    <Grid item>
+                        <Icon plantName={"Kroak the oak"} plantID={4567} sse={this.sse}/>
+                    </Grid>
+                    <Grid item>
+                        <Icon plantName={"Woofy!"} plantID={1234} sse={this.sse}/>
+                    </Grid>
+                    <Grid item>
+                        <Icon plantName={"Kroak the oak"} plantID={4567} sse={this.sse}/>
+                    </Grid>
+                    <Grid item>
+                        <Icon plantName={"Woofy!"} plantID={1234} sse={this.sse}/>
+                    </Grid>
+                    <Grid item>
+                        <Icon plantName={"Kroak the oak"} plantID={4567} sse={this.sse}/>
+                    </Grid>
+                    <Grid item>
+                        <Icon plantName={"Woofy!"} plantID={1234} sse={this.sse}/>
+                    </Grid>
+                    <Grid item>
+                        <Icon plantName={"Kroak the oak"} plantID={4567} sse={this.sse}/>
+                    </Grid>
+                    <Grid item>
+                        <Icon plantName={"Woofy!"} plantID={1234} sse={this.sse}/>
+                    </Grid>
+                </Grid>
+            </div>
+        );
+    }
 }
 
 export default App;