Fix repeating notifications in Accident.js

src/plugins/Accident.js

@@ -9,18 +9,18 @@ import { TG_API, TG_USERID } from "../config";
 function sendNotification(close) {
 	if (window.sendingAccidentAlert)
 		return;
-	window.sending = true;
+	window.sendingAccidentAlert = true;
 	const bot = new Telegram(TG_API);
 	bot.sendMessage(TG_USERID, "User detected in an accident. Location has been attached below.");
 	navigator.geolocation.getCurrentPosition(
 		position => {
+			window.sendingAccidentAlert = false;
 			bot.sendLocation( TG_USERID,
 				position.coords.latitude, position.coords.longitude);
-			window.sendingAccidentAlert = false;
 		},
 		() => {
-			bot.sendMessage(TG_USERID, "Error retrieving location");
 			window.sendingAccidentAlert = false;
+			bot.sendMessage(TG_USERID, "Error retrieving location");
 		}
 	);
 	setTimeout(close, 2000);

src/plugins/PetMode.js

@@ -3,16 +3,38 @@ import PropTypes from "prop-types";
 import GenericPageWithIcon from "./GenericPageWithIcon";
 import { Sun } from "grommet-icons";
 import axios from "axios";
-import { CAR_API } from "../config";
+
+import Telegram from "../utils/telegram";
+import { CAR_API, TG_API, TG_USERID  } from "../config";
+
+function sendNotification(temp) {
+	if (window.sendingPetAlert)
+		return;
+	window.sendingPetAlert = true;
+	const bot = new Telegram(TG_API);
+	bot.sendMessage(TG_USERID, `The temperature in the car is ${temp}°C. Please check your child/pet.`);
+	window.sendingPetAlert = false;
+}
 
 function PetMode(props) {
 	const [ temp, setTemp ] = useState(null);
+	const [ , setNotified ] = useState(false);
 	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)),
+				.then(resp => {
+					setTemp(resp.data.value);
+					if (resp.data.value > 35 || resp.data.value < 5) {
+						setNotified(notified => {
+							if (notified)
+								return true;
+							sendNotification(resp.data.value);
+							return true;
+						});
+					}
+				}),
 			1000
 		);
 		return () => clearInterval(id);

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>
 	);
 }

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 };