From cfd0056197a12c0092b5e67aef165c7016cff5cf Mon Sep 17 00:00:00 2001
From: Ceda EI <ceda_ei@webionite.com>
Date: Sat, 2 Jan 2021 04:05:03 +0530
Subject: [PATCH] Add PetMode plugin and integrate it into home page

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

diff --git a/src/Core.js b/src/Core.js
index 5238e7f..009ceea 100644
--- a/src/Core.js
+++ b/src/Core.js
@@ -28,8 +28,8 @@ function Core() {
 				<Clock size="xxlarge" />
 				<Clock size="xxlarge" type="digital" />
 				<Box direction="row" margin="1.5em" wrap={true}>
-					<Button onClick={() => dispatch(setPlugin("sideMirrors"))} primary
-						label="Side Mirrors" />
+					<Button onClick={() => dispatch(setPlugin("petMode"))} primary
+						label="Pet Mode" />
 					{dummyButtons.map(i =>
 						<Button primary label={i} key={i} margin="0 0 0 1em" />
 					)}
diff --git a/src/plugins/PetMode.js b/src/plugins/PetMode.js
new file mode 100644
index 0000000..2645001
--- /dev/null
+++ b/src/plugins/PetMode.js
@@ -0,0 +1,37 @@
+import React, { useState, useEffect } from "react";
+import PropTypes from "prop-types";
+import GenericPageWithIcon from "./GenericPageWithIcon";
+import { Sun } from "grommet-icons";
+import axios from "axios";
+import { CAR_API } from "../config";
+
+function PetMode(props) {
+	const [ temp, setTemp ] = useState(null);
+	useEffect(() => {
+		axios.get(`${CAR_API}data/InsideTemperature`)
+			.then(resp => setTemp(resp.data.value));
+		const id = setInterval(
+			() => axios.get(`${CAR_API}data/InsideTemperature`)
+				.then(resp => setTemp(resp.data.value)),
+			1000
+		);
+		return () => clearInterval(id);
+	}, []);
+	if (temp === null)
+		return <></>;
+	return (
+		<GenericPageWithIcon
+			title={temp === null ? "Fetching temperature": `${temp}°C`}
+			description={`The temperature inside is ${temp}°C. The pet / child is ${temp > 35 ? "un": ""}safe.`}
+			icon={<Sun color={temp > 35 ? "#E30000": "plain"} size="xlarge" />}
+			close={props.close}
+		/>);
+}
+
+PetMode.propTypes = {
+	close: PropTypes.func
+};
+
+PetMode.pluginName = "Temperature";
+
+export default PetMode;
diff --git a/src/plugins/index.js b/src/plugins/index.js
index ca8bcac..3e332fd 100644
--- a/src/plugins/index.js
+++ b/src/plugins/index.js
@@ -2,10 +2,12 @@ import Warning from "./Warning";
 import Manual from "./Manual";
 import Temperature from "./Temperature";
 import Accident from "./Accident";
+import PetMode from "./PetMode";
 
 export default {
 	warning: Warning,
 	manual: Manual,
 	temperature: Temperature,
 	accident: Accident,
+	petMode: PetMode,
 };
diff --git a/src/sample.config.js b/src/sample.config.js
index 12a0c13..b920a6d 100644
--- a/src/sample.config.js
+++ b/src/sample.config.js
@@ -1,5 +1,6 @@
 const WS_BASE = "http://localhost:5050/";
 const TG_API = "xxxxxxxxx:xxxxxxxxxxxxxxxxxxxxxx";
 const TG_USERID = 123456789;
+const CAR_API = "http://localhost:5000/";
 
-export { WS_BASE, TG_API, TG_USERID };
+export { WS_BASE, TG_API, TG_USERID, CAR_API };