From 68202dc88be092788fce7df4283e187e0245e9e2 Mon Sep 17 00:00:00 2001
From: Alex Holliday <ajhollid@gmail.com>
Date: Thu, 6 Feb 2025 14:57:18 -0800
Subject: [PATCH] use utils hook

---
 .../Status/Hooks/useStatusPageFetch.jsx       | 27 ++-----------------
 1 file changed, 2 insertions(+), 25 deletions(-)

diff --git a/Client/src/Pages/StatusPage/Status/Hooks/useStatusPageFetch.jsx b/Client/src/Pages/StatusPage/Status/Hooks/useStatusPageFetch.jsx
index 815b50a52..d2b2eae2a 100644
--- a/Client/src/Pages/StatusPage/Status/Hooks/useStatusPageFetch.jsx
+++ b/Client/src/Pages/StatusPage/Status/Hooks/useStatusPageFetch.jsx
@@ -3,30 +3,7 @@ import { networkService } from "../../../../main";
 import { useSelector } from "react-redux";
 import { createToast } from "../../../../Utils/toastUtils";
 import { useTheme } from "@emotion/react";
-const getMonitorWithPercentage = (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 {
-		...monitor,
-		percentage: uptimePercentage,
-		percentageColor,
-	};
-};
+import { useMonitorUtils } from "../../../../Hooks/useMonitorUtils";
 
 const useStatusPageFetch = (isCreate = false) => {
 	const [isLoading, setIsLoading] = useState(true);
@@ -35,7 +12,7 @@ const useStatusPageFetch = (isCreate = false) => {
 	const [monitors, setMonitors] = useState(undefined);
 	const { authToken } = useSelector((state) => state.auth);
 	const theme = useTheme();
-
+	const { getMonitorWithPercentage } = useMonitorUtils();
 	const fetchStatusPage = useCallback(async () => {
 		try {
 			const response = await networkService.getStatusPage({ authToken });