feat: allow updating monitor URL and type via Configure

client/src/Hooks/monitorHooks.js

@@ -344,6 +344,7 @@ const useDeleteMonitor = () => {
 
 const useUpdateMonitor = () => {
 	const [isLoading, setIsLoading] = useState(false);
+
 	const navigate = useNavigate();
 	const updateMonitor = async ({ monitor, redirect }) => {
 		try {
@@ -357,6 +358,7 @@ const useUpdateMonitor = () => {
 				expectedValue: monitor.expectedValue,
 				ignoreTlsErrors: monitor.ignoreTlsErrors,
 				jsonPath: monitor.jsonPath,
+				url: monitor.url,
 				...(monitor.type === "port" && { port: monitor.port }),
 				...(monitor.type === "hardware" && {
 					thresholds: monitor.thresholds,

client/src/Pages/Infrastructure/Create/index.jsx

@@ -24,6 +24,7 @@ import { useSelector } from "react-redux";
 import { useState, useEffect } from "react";
 import { useTheme } from "@emotion/react";
 import { useTranslation } from "react-i18next";
+import { normalizeUrl } from "../../../Utils/url";
 import {
 	useCreateMonitor,
 	useDeleteMonitor,
@@ -234,6 +235,7 @@ const CreateInfrastructureMonitor = () => {
 		form = {
 			...(isCreate ? {} : { _id: monitorId }),
 			...rest,
+			url: normalizeUrl(infrastructureMonitor.url, https),
 			description: form.name,
 			type: "hardware",
 			notifications: infrastructureMonitor.notifications,
@@ -470,31 +472,30 @@ const CreateInfrastructureMonitor = () => {
 							onChange={onChange}
 							error={errors["url"] ? true : false}
 							helperText={errors["url"]}
-							disabled={!isCreate}
 						/>
-						{isCreate && (
-							<FieldWrapper
-								label={t("infrastructureProtocol")}
-								labelVariant="p"
-							>
-								<ButtonGroup>
-									<Button
-										variant="group"
-										filled={https.toString()}
-										onClick={() => setHttps(true)}
-									>
-										{t("https")}
-									</Button>
-									<Button
-										variant="group"
-										filled={(!https).toString()}
-										onClick={() => setHttps(false)}
-									>
-										{t("http")}
-									</Button>
-								</ButtonGroup>
-							</FieldWrapper>
-						)}
+
+						<FieldWrapper
+							label={t("infrastructureProtocol")}
+							labelVariant="p"
+						>
+							<ButtonGroup>
+								<Button
+									variant="group"
+									filled={https.toString()}
+									onClick={() => setHttps(true)}
+								>
+									{t("https")}
+								</Button>
+								<Button
+									variant="group"
+									filled={(!https).toString()}
+									onClick={() => setHttps(false)}
+								>
+									{t("http")}
+								</Button>
+							</ButtonGroup>
+						</FieldWrapper>
+
 						<TextInput
 							type="text"
 							id="name"

client/src/Utils/url.js

@@ -0,0 +1,5 @@
+export const normalizeUrl = (input, useHttps) => {
+	const raw = String(input ?? "").trim();
+	const cleaned = raw.replace(/^(?:https?:)?\/\//i, "");
+	return `http${useHttps ? "s" : ""}://${cleaned}`;
+};

server/src/validation/joi.js

@@ -181,6 +181,10 @@ const createMonitorsBodyValidation = joi.array().items(
 );
 
 const editMonitorBodyValidation = joi.object({
+	url: joi
+		.string()
+		.uri({ scheme: ["http", "https"] })
+		.optional(),
 	name: joi.string(),
 	description: joi.string(),
 	interval: joi.number(),