From 337e33eb8a90154d43bef207344f6c0c122ee165 Mon Sep 17 00:00:00 2001
From: Yunus M <myounis.ar@live.com>
Date: Mon, 28 Aug 2023 17:54:14 +0530
Subject: [PATCH] fix(FE): tooltip link not opening in apdex tooltip  (#3441)

* Fix tooltip link not opening in apdex tooltip modal

* chore: onClick is updated from inline to one to one

---------

Co-authored-by: Palash Gupta <palashgdev@gmail.com>
---
 frontend/src/components/TextToolTip/index.tsx | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/TextToolTip/index.tsx b/frontend/src/components/TextToolTip/index.tsx
index 39ce9072eb..70e5c04685 100644
--- a/frontend/src/components/TextToolTip/index.tsx
+++ b/frontend/src/components/TextToolTip/index.tsx
@@ -18,12 +18,24 @@ function TextToolTip({
 }: TextToolTipProps): JSX.Element {
 	const isDarkMode = useIsDarkMode();
 
+	const onClickHandler = (
+		event: React.MouseEvent<HTMLAnchorElement, MouseEvent>,
+	): void => {
+		event.stopPropagation();
+	};
+
 	const overlay = useMemo(
 		() => (
 			<div>
 				{`${text} `}
 				{url && (
-					<a href={url} rel="noopener noreferrer" target="_blank">
+					<a
+						// Stopping event propagation on click so that parent click listener are not triggered
+						onClick={onClickHandler}
+						href={url}
+						rel="noopener noreferrer"
+						target="_blank"
+					>
 						{urlText || 'here'}
 					</a>
 				)}