From cf344b1809f55c14c912d752e502797066fb312d Mon Sep 17 00:00:00 2001
From: Owaise Imdad <owaiseimdad@gmail.com>
Date: Sat, 17 May 2025 11:51:31 +0530
Subject: [PATCH 1/3] Email test button added in details page.

---
 .../MonitorDetailsControlHeader/index.jsx           | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/client/src/Components/MonitorDetailsControlHeader/index.jsx b/client/src/Components/MonitorDetailsControlHeader/index.jsx
index c4dcf1ffc..5dcb56e84 100644
--- a/client/src/Components/MonitorDetailsControlHeader/index.jsx
+++ b/client/src/Components/MonitorDetailsControlHeader/index.jsx
@@ -5,12 +5,14 @@ import Button from "@mui/material/Button";
 import SettingsOutlinedIcon from "@mui/icons-material/SettingsOutlined";
 import PauseOutlinedIcon from "@mui/icons-material/PauseOutlined";
 import PlayArrowOutlinedIcon from "@mui/icons-material/PlayArrowOutlined";
+import EmailIcon from '@mui/icons-material/Email';
 
 // Utils
 import PropTypes from "prop-types";
 import { useNavigate } from "react-router-dom";
 import { useTheme } from "@mui/material/styles";
 import { usePauseMonitor } from "../../Hooks/useMonitorControls";
+import { useSendTestEmail } from "../../Hooks/useSendTestEmail";
 
 /**
  * MonitorDetailsControlHeader component displays the control header for monitor details.
@@ -39,6 +41,8 @@ const MonitorDetailsControlHeader = ({
 		triggerUpdate,
 	});
 
+	const [isSending, emailError, sendTestEmail] = useSendTestEmail();
+
 	if (isLoading) {
 		return <Skeleton />;
 	}
@@ -54,6 +58,15 @@ const MonitorDetailsControlHeader = ({
 				direction="row"
 				gap={theme.spacing(2)}
 			>
+				<Button
+					variant="contained"
+					color="accent"
+					loading={isSending}
+					startIcon={<EmailIcon />}
+					onClick={sendTestEmail}
+				>
+					Test e-mail
+				</Button>
 				<Button
 					variant="contained"
 					color="secondary"

From 6ba52156b8501c2bbd0563d46e340d5aeb983103 Mon Sep 17 00:00:00 2001
From: Owaise Imdad <owaiseimdad@gmail.com>
Date: Mon, 19 May 2025 23:21:00 +0530
Subject: [PATCH 2/3] Made changes as requested in PR.

---
 client/src/Components/MonitorDetailsControlHeader/index.jsx | 6 ++++--
 client/src/Hooks/useSendTestEmail.js                        | 3 +++
 client/src/locales/gb.json                                  | 3 ++-
 3 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/client/src/Components/MonitorDetailsControlHeader/index.jsx b/client/src/Components/MonitorDetailsControlHeader/index.jsx
index 5dcb56e84..f0721f173 100644
--- a/client/src/Components/MonitorDetailsControlHeader/index.jsx
+++ b/client/src/Components/MonitorDetailsControlHeader/index.jsx
@@ -13,6 +13,7 @@ import { useNavigate } from "react-router-dom";
 import { useTheme } from "@mui/material/styles";
 import { usePauseMonitor } from "../../Hooks/useMonitorControls";
 import { useSendTestEmail } from "../../Hooks/useSendTestEmail";
+import { useTranslation } from "react-i18next";
 
 /**
  * MonitorDetailsControlHeader component displays the control header for monitor details.
@@ -36,6 +37,7 @@ const MonitorDetailsControlHeader = ({
 }) => {
 	const navigate = useNavigate();
 	const theme = useTheme();
+	const { t } = useTranslation();
 	const [pauseMonitor, isPausing, error] = usePauseMonitor({
 		monitorId: monitor?._id,
 		triggerUpdate,
@@ -60,12 +62,12 @@ const MonitorDetailsControlHeader = ({
 			>
 				<Button
 					variant="contained"
-					color="accent"
+					color="secondary"
 					loading={isSending}
 					startIcon={<EmailIcon />}
 					onClick={sendTestEmail}
 				>
-					Test e-mail
+					{t("sendTestEmail")}
 				</Button>
 				<Button
 					variant="contained"
diff --git a/client/src/Hooks/useSendTestEmail.js b/client/src/Hooks/useSendTestEmail.js
index fef45c3ea..88fc58f19 100644
--- a/client/src/Hooks/useSendTestEmail.js
+++ b/client/src/Hooks/useSendTestEmail.js
@@ -22,6 +22,9 @@ const useSendTestEmail = () => {
 				throw new Error("Failed to send test email");
 			}
 		} catch (error) {
+			createToast({
+				body: "Failed to send test email",
+			});
 			setError(error);
 		} finally {
 			setIsSending(false);
diff --git a/client/src/locales/gb.json b/client/src/locales/gb.json
index e15968a80..b746f8ea3 100644
--- a/client/src/locales/gb.json
+++ b/client/src/locales/gb.json
@@ -536,5 +536,6 @@
 		"passwordRequirements": "New password must contain at least 8 characters and must have at least one uppercase letter, one lowercase letter, one number and one special character.",
 		"saving": "Saving..."
 	},
-	"uptimeCreateSelectURL": "Enter the URL or IP to monitor (e.g., https://example.com/ or 192.168.1.100) and add a clear display name that appears on the dashboard."
+	"uptimeCreateSelectURL": "Enter the URL or IP to monitor (e.g., https://example.com/ or 192.168.1.100) and add a clear display name that appears on the dashboard.",
+	"sendTestEmail": "Send test email"
 }

From 17dcdfcb06af56c6046b0ddb213a5405bb2a9b82 Mon Sep 17 00:00:00 2001
From: Owaise Imdad <owaiseimdad@gmail.com>
Date: Mon, 19 May 2025 23:25:36 +0530
Subject: [PATCH 3/3] Added all the strings in locale file for gb.

---
 client/src/Hooks/useSendTestEmail.js | 8 +++++---
 client/src/locales/gb.json           | 4 +++-
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/client/src/Hooks/useSendTestEmail.js b/client/src/Hooks/useSendTestEmail.js
index 88fc58f19..ca6cfcf9e 100644
--- a/client/src/Hooks/useSendTestEmail.js
+++ b/client/src/Hooks/useSendTestEmail.js
@@ -2,11 +2,13 @@ import { useState } from "react";
 import { networkService } from "../main";
 import { useSelector } from "react-redux";
 import { createToast } from "../Utils/toastUtils";
+import { useTranslation } from "react-i18next";
 
 const useSendTestEmail = () => {
 	const [isSending, setIsSending] = useState(false);
 	const [error, setError] = useState(null);
 	const user = useSelector((state) => state.auth.user);
+	const { t } = useTranslation();
 
 	const sendTestEmail = async () => {
 		try {
@@ -16,14 +18,14 @@ const useSendTestEmail = () => {
 			const response = await networkService.sendTestEmail({ to: user.email });
 			if (typeof response?.data?.data?.messageId !== "undefined") {
 				createToast({
-					body: "Test email sent successfully",
+					body: t("emailSent"),
 				});
 			} else {
-				throw new Error("Failed to send test email");
+				throw new Error(t("failedToSendEmail"));
 			}
 		} catch (error) {
 			createToast({
-				body: "Failed to send test email",
+				body: t("failedToSendEmail"),
 			});
 			setError(error);
 		} finally {
diff --git a/client/src/locales/gb.json b/client/src/locales/gb.json
index b746f8ea3..c371a0dd4 100644
--- a/client/src/locales/gb.json
+++ b/client/src/locales/gb.json
@@ -537,5 +537,7 @@
 		"saving": "Saving..."
 	},
 	"uptimeCreateSelectURL": "Enter the URL or IP to monitor (e.g., https://example.com/ or 192.168.1.100) and add a clear display name that appears on the dashboard.",
-	"sendTestEmail": "Send test email"
+	"sendTestEmail": "Send test email",
+	"emailSent": "Email sent successfully",
+	"failedToSendEmail": "Failed to send email"
 }