From 4bdcd49e1feff0a0932e4a933a374a01af1174d5 Mon Sep 17 00:00:00 2001
From: Ceda EI <ceda_ei@webionite.com>
Date: Mon, 4 Jan 2021 12:18:38 +0530
Subject: [PATCH] Add SmartHome and relevant config

---
 src/Core.js              |  4 +++-
 src/plugins/SmartHome.js | 37 +++++++++++++++++++++++++++++++++++++
 src/plugins/index.js     |  2 ++
 src/sample.config.js     |  3 ++-
 4 files changed, 44 insertions(+), 2 deletions(-)
 create mode 100644 src/plugins/SmartHome.js

diff --git a/src/Core.js b/src/Core.js
index d656a3b..41ecf93 100644
--- a/src/Core.js
+++ b/src/Core.js
@@ -16,7 +16,7 @@ function Core() {
 		data: coreState.data,
 		close: () => dispatch(setPlugin(false))
 	};
-	const dummyButtons = ["Maps", "Home Devices", "Phone"];
+	const dummyButtons = ["Maps", "Phone"];
 	return <>
 		<Box height="5vh" background="light-1" justify="center" direction="row">
 			{voiceState.recording ? <VoiceBars style={{height: "100%"}}/>:
@@ -39,6 +39,8 @@ function Core() {
 				<Box direction="row" margin="1.5em" wrap={true}>
 					<Button onClick={() => dispatch(setPlugin("petMode"))} primary
 						label="Pet Mode" />
+					<Button onClick={() => dispatch(setPlugin("smartHome"))} primary
+						label="Smart Home" margin="0 0 0 1em" />
 					{dummyButtons.map(i =>
 						<Button primary label={i} key={i} margin="0 0 0 1em" />
 					)}
diff --git a/src/plugins/SmartHome.js b/src/plugins/SmartHome.js
new file mode 100644
index 0000000..0e86567
--- /dev/null
+++ b/src/plugins/SmartHome.js
@@ -0,0 +1,37 @@
+import React, {useState, useEffect} from "react";
+import PropTypes from "prop-types";
+import { Box, Button } from "grommet";
+
+import { CAMERA_URL } from "../config";
+
+function SmartHome(props) {
+	const [ idx, setIdx ] = useState(0);
+	useEffect(() => {
+		const id = setInterval(() => setIdx(i => i + 1), 20);
+		return () => clearInterval(id);
+	}, []);
+	return (
+		<Box
+			align="center"
+			background="light-1"
+			width="100vw"
+			justify="center"
+			direction="column"
+			alignContent="center"
+			height="95vh"
+		>
+			<img src={`${CAMERA_URL}?id=${idx}`} />
+			<Button primary size="large" onClick={props.close}
+				label="Dismiss" margin="1.5em" />
+		</Box>
+	);
+}
+
+SmartHome.propTypes = {
+	data: PropTypes.object,
+	close: PropTypes.func
+};
+
+SmartHome.pluginName = "Smart Home";
+
+export default SmartHome;
diff --git a/src/plugins/index.js b/src/plugins/index.js
index 3e332fd..1d00b3f 100644
--- a/src/plugins/index.js
+++ b/src/plugins/index.js
@@ -3,6 +3,7 @@ import Manual from "./Manual";
 import Temperature from "./Temperature";
 import Accident from "./Accident";
 import PetMode from "./PetMode";
+import SmartHome from "./SmartHome";
 
 export default {
 	warning: Warning,
@@ -10,4 +11,5 @@ export default {
 	temperature: Temperature,
 	accident: Accident,
 	petMode: PetMode,
+	smartHome: SmartHome,
 };
diff --git a/src/sample.config.js b/src/sample.config.js
index b920a6d..317a009 100644
--- a/src/sample.config.js
+++ b/src/sample.config.js
@@ -2,5 +2,6 @@ const WS_BASE = "http://localhost:5050/";
 const TG_API = "xxxxxxxxx:xxxxxxxxxxxxxxxxxxxxxx";
 const TG_USERID = 123456789;
 const CAR_API = "http://localhost:5000/";
+const CAMERA_URL = "http://path.to/still/image.jpg";
 
-export { WS_BASE, TG_API, TG_USERID, CAR_API };
+export { WS_BASE, TG_API, TG_USERID, CAR_API, CAMERA_URL };