Add temperature threshold to create infrastructure monitor page

Client/src/Pages/Infrastructure/CreateMonitor/index.jsx

@@ -32,12 +32,14 @@ const CreateInfrastructureMonitor = () => {
 		usage_memory: "",
 		disk: false,
 		usage_disk: "",
+		temperature: false,
+		usage_temperature: "",
 		secret: "",
 	});
 
 	const MS_PER_MINUTE = 60000;
 	const THRESHOLD_FIELD_PREFIX = "usage_";
-	const HARDWARE_MONITOR_TYPES = ["cpu", "memory", "disk"];
+	const HARDWARE_MONITOR_TYPES = ["cpu", "memory", "disk", "temperature"];
 	const { user, authToken } = useSelector((state) => state.auth);
 	const monitorState = useSelector((state) => state.infrastructureMonitor);
 	const dispatch = useDispatch();
@@ -74,18 +76,18 @@ const CreateInfrastructureMonitor = () => {
 		});
 	};
 
-	const handleBlur = (event, appenedID) => {
+	const handleBlur = (event, appendID) => {
 		event.preventDefault();
 		const { value, id } = event.target;
 		if (id?.startsWith("notify-email-")) return;
 		const { error } = infrastructureMonitorValidation.validate(
-			{ [id ?? appenedID]: value },
+			{ [id ?? appendID]: value },
 			{
 				abortEarly: false,
 			}
 		);
 		setErrors((prev) => {
-			return buildErrors(prev, id ?? appenedID, error);
+			return buildErrors(prev, id ?? appendID, error);
 		});
 	};
 
@@ -297,7 +299,8 @@ const CreateInfrastructureMonitor = () => {
 					<Box>
 						<Typography component="h2">Customize alerts</Typography>
 						<Typography component="p">
-							Send a notification to user(s) when thresholds exceed a specified percentage.
+							Send a notification to user(s) when thresholds exceed a specified
+							percentage.
 						</Typography>
 					</Box>
 					<Stack gap={theme.spacing(6)}>

Client/src/Validation/error.js

@@ -37,8 +37,13 @@ const hasValidationErrors = (form, validation, setErrors) => {
 			if (!form.disk || form.usage_disk) {
 				newErrors["usage_disk"] = null;
 			}
+			if (!form.temperature || form.usage_temperature) {
+				newErrors["usage_temperature"] = null;
+			}
 		});
-		if (Object.values(newErrors).some(v=> v)) {
+
+		console.log("newErrors", newErrors);
+		if (Object.values(newErrors).some((v) => v)) {
 			setErrors(newErrors);
 			return true;
 		} else {
@@ -48,4 +53,4 @@ const hasValidationErrors = (form, validation, setErrors) => {
 	}
 	return false;
 };
-export { buildErrors, hasValidationErrors };
+export { buildErrors, hasValidationErrors };

Client/src/Validation/validation.js

@@ -190,15 +190,16 @@ const infrastructureMonitorValidation = joi.object({
 	cpu: joi.boolean(),
 	memory: joi.boolean(),
 	disk: joi.boolean(),
+	temperature: joi.boolean(),
 	usage_memory: joi.number().messages({
 		"number.base": THRESHOLD_COMMON_BASE_MSG,
 	}),
 	usage_disk: joi.number().messages({
 		"number.base": THRESHOLD_COMMON_BASE_MSG,
 	}),
-	// usage_temperature: joi.number().messages({
-	// 	"number.base": "Temperature must be a number.",
-	// }),
+	usage_temperature: joi.number().messages({
+		"number.base": "Temperature must be a number.",
+	}),
 	// usage_system: joi.number().messages({
 	// 	"number.base": "System load must be a number.",
 	// }),

Server/validation/joi.js

@@ -201,6 +201,7 @@ const createMonitorBodyValidation = joi.object({
 		usage_cpu: joi.number(),
 		usage_memory: joi.number(),
 		usage_disk: joi.number(),
+		usage_temperature: joi.number(),
 	}),
 	notifications: joi.array().items(joi.object()),
 	secret: joi.string(),