From 6d5034e2a515d13a30c32ab3bd2a53a577e17169 Mon Sep 17 00:00:00 2001
From: Alex Holliday <ajhollid@gmail.com>
Date: Wed, 23 Jul 2025 15:31:26 -0700
Subject: [PATCH] reimplement clone monitor

---
 client/src/Pages/Uptime/Create/index.jsx | 18 +++++++++++++++---
 1 file changed, 15 insertions(+), 3 deletions(-)

diff --git a/client/src/Pages/Uptime/Create/index.jsx b/client/src/Pages/Uptime/Create/index.jsx
index 3db73481a..761fd6346 100644
--- a/client/src/Pages/Uptime/Create/index.jsx
+++ b/client/src/Pages/Uptime/Create/index.jsx
@@ -17,12 +17,13 @@ import Checkbox from "../../../Components/Inputs/Checkbox";
 
 // Utils
 import { useTheme } from "@emotion/react";
-import { useState } from "react";
+import { useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { monitorValidation } from "../../../Validation/validation";
 import { createToast } from "../../../Utils/toastUtils";
 import { useGetNotificationsByTeamId } from "../../../Hooks/useNotifications";
-import { useCreateMonitor } from "../../../Hooks/monitorHooks";
+import { useCreateMonitor, useFetchMonitorById } from "../../../Hooks/monitorHooks";
+import { useParams } from "react-router-dom";
 
 const CreateMonitor = () => {
 	// Local state
@@ -42,12 +43,23 @@ const CreateMonitor = () => {
 	});
 
 	// Setup
+	const MS_PER_MINUTE = 60000;
 	const theme = useTheme();
 	const { t } = useTranslation();
 	const [notifications, notificationsAreLoading, error] = useGetNotificationsByTeamId();
 	const [createMonitor, isCreating] = useCreateMonitor();
+	const { monitorId } = useParams();
+
+	const formatAndSet = (monitor) => {
+		monitor.interval = monitor.interval / MS_PER_MINUTE;
+		setMonitor(monitor);
+	};
+	const [isLoading] = useFetchMonitorById({
+		monitorId,
+		setMonitor: formatAndSet,
+		updateTrigger: true,
+	});
 
-	const MS_PER_MINUTE = 60000;
 	const SELECT_VALUES = [
 		{ _id: 1, name: "1 minute" },
 		{ _id: 2, name: "2 minutes" },