diff --git a/src/Pages/Uptime/Create/index.jsx b/src/Pages/Uptime/Create/index.jsx
index c3db7be68..bc757984d 100644
--- a/src/Pages/Uptime/Create/index.jsx
+++ b/src/Pages/Uptime/Create/index.jsx
@@ -11,7 +11,6 @@ import { checkEndpointResolution } from "../../../Features/UptimeMonitors/uptime
import { monitorValidation } from "../../../Validation/validation";
import { getUptimeMonitorById } from "../../../Features/UptimeMonitors/uptimeMonitorsSlice";
import { createUptimeMonitor } from "../../../Features/UptimeMonitors/uptimeMonitorsSlice";
-import { useTranslation } from "react-i18next";
// MUI
import { Box, Stack, Typography, Button, ButtonGroup } from "@mui/material";
@@ -75,7 +74,6 @@ const CreateMonitor = () => {
const dispatch = useDispatch();
const navigate = useNavigate();
const theme = useTheme();
- const { t } = useTranslation();
const { monitorId } = useParams();
const crumbs = [
{ name: "uptime", path: "/uptime" },
@@ -86,8 +84,8 @@ const CreateMonitor = () => {
const [isNotificationModalOpen, setIsNotificationModalOpen] = useState(false);
const handleOpenNotificationModal = () => {
- setIsNotificationModalOpen(true);
- };
+ setIsNotificationModalOpen(true);
+ };
const [errors, setErrors] = useState({});
const [https, setHttps] = useState(true);
const [monitor, setMonitor] = useState({
@@ -212,7 +210,7 @@ const CreateMonitor = () => {
const handleAddNotification = () => {
console.log("Add notification clicked");
- };
+ };
useEffect(() => {
const fetchMonitor = async () => {
@@ -356,9 +354,7 @@ const CreateMonitor = () => {
{t("settingsGeneralSettings")}
-
- {t("distributedUptimeCreateSelectURL")}
-
+ {t("distributedUptimeCreateSelectURL")}
{
- {t("distributedUptimeCreateIncidentNotification")}
+
+ {t("distributedUptimeCreateIncidentNotification")}
+
{t("distributedUptimeCreateIncidentDescription")}
@@ -417,21 +415,22 @@ const CreateMonitor = () => {
onChange={(event) => handleNotifications(event, "email")}
/>
-
-
-
-
+
+
+
- {t("distributedUptimeCreateAdvancedSettings")}
+
+ {t("distributedUptimeCreateAdvancedSettings")}
+
setIsNotificationModalOpen(false)}
- monitor={monitor}
- setMonitor={setMonitor}
- />
+ open={isNotificationModalOpen}
+ onClose={() => setIsNotificationModalOpen(false)}
+ monitor={monitor}
+ setMonitor={setMonitor}
+ />
);
};