add DU specific hook

src/Pages/DistributedUptimeStatus/Create/Hooks/useDUStatusPageFetch.jsx

@@ -0,0 +1,46 @@
+import { useEffect, useState, useCallback } from "react";
+import { networkService } from "../../../../main";
+import { useSelector } from "react-redux";
+import { createToast } from "../../../../Utils/toastUtils";
+
+const useDUStatusPageFetch = (isCreate = false, url) => {
+	const [isLoading, setIsLoading] = useState(true);
+	const [networkError, setNetworkError] = useState(false);
+	const [statusPage, setStatusPage] = useState(undefined);
+	const { authToken } = useSelector((state) => state.auth);
+	const fetchStatusPage = useCallback(async () => {
+		try {
+			const response = await networkService.getStatusPageByUrl({
+				authToken,
+				url,
+				type: "distributed",
+			});
+
+			if (!response?.data?.data) return;
+
+			const statusPage = response.data.data;
+			setStatusPage(statusPage);
+		} catch (error) {
+			// If there is a 404, status page is not found
+			if (error?.response?.status === 404) {
+				setStatusPage(undefined);
+				return;
+			}
+			createToast({ body: error.message });
+			setNetworkError(true);
+		} finally {
+			setIsLoading(false);
+		}
+	}, [authToken, url]);
+
+	useEffect(() => {
+		if (isCreate === true) {
+			return;
+		}
+		fetchStatusPage();
+	}, [isCreate, fetchStatusPage]);
+
+	return [statusPage, isLoading, networkError, fetchStatusPage];
+};
+
+export { useDUStatusPageFetch };