From 9e13d313cc08f41ab4a7478fe9da6d46bc005eca Mon Sep 17 00:00:00 2001
From: Alex Holliday <ajhollid@gmail.com>
Date: Thu, 6 Feb 2025 14:55:10 -0800
Subject: [PATCH] add monitor utils hook

---
 Client/src/Hooks/useMonitorUtils.js | 45 +++++++++++++++++++++++++++++
 1 file changed, 45 insertions(+)
 create mode 100644 Client/src/Hooks/useMonitorUtils.js

diff --git a/Client/src/Hooks/useMonitorUtils.js b/Client/src/Hooks/useMonitorUtils.js
new file mode 100644
index 000000000..1e235af68
--- /dev/null
+++ b/Client/src/Hooks/useMonitorUtils.js
@@ -0,0 +1,45 @@
+import { useCallback } from "react";
+
+const useMonitorUtils = () => {
+	const getMonitorWithPercentage = useCallback((monitor, theme) => {
+		let uptimePercentage = "";
+		let percentageColor = "";
+
+		if (monitor.uptimePercentage !== undefined) {
+			uptimePercentage =
+				monitor.uptimePercentage === 0
+					? "0"
+					: (monitor.uptimePercentage * 100).toFixed(2);
+
+			percentageColor =
+				monitor.uptimePercentage < 0.25
+					? theme.palette.error.main
+					: monitor.uptimePercentage < 0.5
+						? theme.palette.warning.main
+						: monitor.uptimePercentage < 0.75
+							? theme.palette.success.main
+							: theme.palette.success.main;
+		}
+
+		return {
+			id: monitor._id,
+			name: monitor.name,
+			url: monitor.url,
+			title: monitor.name,
+			percentage: uptimePercentage,
+			percentageColor,
+			monitor: monitor,
+		};
+	}, []);
+
+	const determineState = useCallback((monitor) => {
+		if (typeof monitor === "undefined") return "pending";
+		if (monitor.isActive === false) return "paused";
+		if (monitor?.status === undefined) return "pending";
+		return monitor?.status == true ? "up" : "down";
+	}, []);
+
+	return { getMonitorWithPercentage, determineState };
+};
+
+export { useMonitorUtils };