From bd2fae913a77065fce315ebae6fe9a32d81f7fe0 Mon Sep 17 00:00:00 2001
From: Alex Holliday <ajhollid@gmail.com>
Date: Fri, 7 Feb 2025 14:50:14 -0800
Subject: [PATCH] add url to request, add missing dependency

---
 .../Pages/StatusPage/Status/Hooks/useStatusPageDelete.jsx    | 5 ++---
 .../src/Pages/StatusPage/Status/Hooks/useStatusPageFetch.jsx | 4 +++-
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/Client/src/Pages/StatusPage/Status/Hooks/useStatusPageDelete.jsx b/Client/src/Pages/StatusPage/Status/Hooks/useStatusPageDelete.jsx
index 42138d373..f9699020c 100644
--- a/Client/src/Pages/StatusPage/Status/Hooks/useStatusPageDelete.jsx
+++ b/Client/src/Pages/StatusPage/Status/Hooks/useStatusPageDelete.jsx
@@ -4,15 +4,14 @@ import { networkService } from "../../../../main";
 import { createToast } from "../../../../Utils/toastUtils";
 import { useNavigate } from "react-router-dom";
 
-const useStatusPageDelete = (fetchStatusPage) => {
+const useStatusPageDelete = (fetchStatusPage, url = "/status/public") => {
 	const [isLoading, setIsLoading] = useState(false);
 	const navigate = useNavigate();
 	const { authToken } = useSelector((state) => state.auth);
-
 	const deleteStatusPage = async () => {
 		try {
 			setIsLoading(true);
-			await networkService.deleteStatusPage({ authToken });
+			await networkService.deleteStatusPage({ authToken, url });
 			fetchStatusPage?.();
 			return true;
 		} catch (error) {
diff --git a/Client/src/Pages/StatusPage/Status/Hooks/useStatusPageFetch.jsx b/Client/src/Pages/StatusPage/Status/Hooks/useStatusPageFetch.jsx
index d2b2eae2a..013e32dd9 100644
--- a/Client/src/Pages/StatusPage/Status/Hooks/useStatusPageFetch.jsx
+++ b/Client/src/Pages/StatusPage/Status/Hooks/useStatusPageFetch.jsx
@@ -18,11 +18,13 @@ const useStatusPageFetch = (isCreate = false) => {
 			const response = await networkService.getStatusPage({ authToken });
 			if (!response?.data?.data) return;
 			const { statusPage, monitors } = response.data.data;
+
 			setStatusPage(statusPage);
 
 			const monitorsWithPercentage = monitors.map((monitor) =>
 				getMonitorWithPercentage(monitor, theme)
 			);
+
 			setMonitors(monitorsWithPercentage);
 		} catch (error) {
 			// If there is a 404, status page is not found
@@ -35,7 +37,7 @@ const useStatusPageFetch = (isCreate = false) => {
 		} finally {
 			setIsLoading(false);
 		}
-	}, [authToken, theme]);
+	}, [authToken, theme, getMonitorWithPercentage]);
 
 	useEffect(() => {
 		if (isCreate === true) {