From fe9f7e81e980f15b4f2212b071046f1eda96c0c0 Mon Sep 17 00:00:00 2001
From: Ceda EI <ceda_ei@webionite.com>
Date: Tue, 5 Jan 2021 22:28:57 +0530
Subject: [PATCH] Add Smart Lights to SmartHome

---
 src/plugins/SmartHome.js | 17 +++++++++++++++--
 src/sample.config.js     |  3 ++-
 2 files changed, 17 insertions(+), 3 deletions(-)

diff --git a/src/plugins/SmartHome.js b/src/plugins/SmartHome.js
index 0e86567..fdc3102 100644
--- a/src/plugins/SmartHome.js
+++ b/src/plugins/SmartHome.js
@@ -1,8 +1,9 @@
 import React, {useState, useEffect} from "react";
 import PropTypes from "prop-types";
 import { Box, Button } from "grommet";
+import axios from "axios";
 
-import { CAMERA_URL } from "../config";
+import { CAMERA_URL, LIGHTS_URL } from "../config";
 
 function SmartHome(props) {
 	const [ idx, setIdx ] = useState(0);
@@ -10,6 +11,12 @@ function SmartHome(props) {
 		const id = setInterval(() => setIdx(i => i + 1), 20);
 		return () => clearInterval(id);
 	}, []);
+	function turnOn() {
+		axios.get(`${LIGHTS_URL}/on`);
+	}
+	function turnOff() {
+		axios.get(`${LIGHTS_URL}/off`);
+	}
 	return (
 		<Box
 			align="center"
@@ -21,8 +28,14 @@ function SmartHome(props) {
 			height="95vh"
 		>
 			<img src={`${CAMERA_URL}?id=${idx}`} />
+			<Box direction="row" margin="1em 0">
+				<Button primary size="large" onClick={turnOn}
+					label="Turn On Lights" margin="0 0 0 0" />
+				<Button primary size="large" onClick={turnOff}
+					label="Turn Off Lights" margin="0 0 0 1em" />
+			</Box>
 			<Button primary size="large" onClick={props.close}
-				label="Dismiss" margin="1.5em" />
+				label="Dismiss" margin="0" />
 		</Box>
 	);
 }
diff --git a/src/sample.config.js b/src/sample.config.js
index 67d9ec1..83a6cf7 100644
--- a/src/sample.config.js
+++ b/src/sample.config.js
@@ -4,5 +4,6 @@ const TG_USERID = 123456789;
 const CAR_API = "http://localhost:5000/";
 const CAMERA_URL = "http://path.to/still/image.jpg";
 const MAPS_API = "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX";
+const LIGHTS_URL = "http://192.168.1.50:5000/";
 
-export { WS_BASE, TG_API, TG_USERID, CAR_API, CAMERA_URL, MAPS_API };
+export { WS_BASE, TG_API, TG_USERID, CAR_API, CAMERA_URL, MAPS_API, LIGHTS_URL };