Seperate check resolution for Page Speed Monitors

Client/src/Features/PageSpeedMonitor/pageSpeedMonitorSlice.js

@@ -31,6 +31,30 @@ export const createPageSpeed = createAsyncThunk(
 	}
 );
 
+export const checkEndpointResolution = createAsyncThunk(
+	"monitors/checkEndpoint",
+	async (data, thunkApi) => {
+		try {
+			const { authToken, monitorURL } = data;
+
+			const res = await networkService.checkEndpointResolution({
+				authToken: authToken,
+				monitorURL: monitorURL,
+			})
+			return res.data;
+		} catch (error) {
+			if (error.response && error.response.data) {
+				return thunkApi.rejectWithValue(error.response.data);
+			}
+			const payload = {
+				status: false,
+				msg: error.message ? error.message : "Unknown error",
+			};
+			return thunkApi.rejectWithValue(payload);
+		}
+	}
+)
+
 export const getPagespeedMonitorById = createAsyncThunk(
 	"monitors/getMonitorById",
 	async (data, thunkApi) => {
@@ -222,7 +246,24 @@ const pageSpeedMonitorSlice = createSlice({
 					? action.payload.msg
 					: "Failed to create page speed monitor";
 			})
-
+			// *****************************************************
+			// Resolve Endpoint
+			// *****************************************************
+			.addCase(checkEndpointResolution.pending, (state) => {
+				state.isLoading = true;
+			})
+			.addCase(checkEndpointResolution.fulfilled, (state, action) => {
+				state.isLoading = false;
+				state.success = action.payload.success;
+				state.msg = action.payload.msg;
+			})
+			.addCase(checkEndpointResolution.rejected, (state, action) => {
+				state.isLoading = false;
+				state.success = false;
+				state.msg = action.payload
+					? action.payload.msg
+					: "Failed to check endpoint resolution";
+			})
 			// *****************************************************
 			// Update Monitor
 			// *****************************************************

Client/src/Pages/PageSpeed/CreatePageSpeed/index.jsx

@@ -5,8 +5,7 @@ import { useSelector, useDispatch } from "react-redux";
 import { monitorValidation } from "../../../Validation/validation";
 import { useNavigate } from "react-router-dom";
 import { useTheme } from "@emotion/react";
-import { createPageSpeed } from "../../../Features/PageSpeedMonitor/pageSpeedMonitorSlice";
-import { checkEndpointResolution } from "../../../Features/UptimeMonitors/uptimeMonitorsSlice"
+import { createPageSpeed, checkEndpointResolution } from "../../../Features/PageSpeedMonitor/pageSpeedMonitorSlice";
 import { createToast } from "../../../Utils/toastUtils";
 import { logger } from "../../../Utils/Logger";
 import { ConfigBox } from "../../Monitors/styled";