From 004e43092b5de425e5fa38859d7e65bb2986bb0b Mon Sep 17 00:00:00 2001
From: Alex Holliday <ajhollid@gmail.com>
Date: Fri, 2 Aug 2024 10:57:12 -0700
Subject: [PATCH] Stop event bubbling on link to monitor site

---
 Client/src/Pages/Monitors/index.jsx | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/Client/src/Pages/Monitors/index.jsx b/Client/src/Pages/Monitors/index.jsx
index d7e3d542d..451c76f30 100644
--- a/Client/src/Pages/Monitors/index.jsx
+++ b/Client/src/Pages/Monitors/index.jsx
@@ -41,7 +41,14 @@ import {
 const Host = ({ params }) => {
   return (
     <Stack direction="row" alignItems="center" className="host">
-      <a href={params.url} target="_blank" rel="noreferrer">
+      <a
+        href={params.url}
+        target="_blank"
+        rel="noreferrer"
+        onClick={(event) => {
+          event.stopPropagation();
+        }}
+      >
         <OpenInNewPage />
       </a>
       <Box>{params.title}</Box>
@@ -231,8 +238,7 @@ const Monitors = () => {
         onClose={closeMenu}
       >
         <MenuItem
-          onClick={(event) => {
-            event.stopPropagation();
+          onClick={() => {
             window.open(actions.url, "_blank", "noreferrer");
           }}
         >