From 0baec6535b671bc736e96c5454715e4ff7bbea87 Mon Sep 17 00:00:00 2001
From: Tim <tymmesyde@gmail.com>
Date: Wed, 11 Dec 2024 17:07:01 +0100
Subject: [PATCH] fix: tooltips style position issue

---
 src/common/Tooltips/TooltipItem/TooltipItem.js | 10 ++--------
 1 file changed, 2 insertions(+), 8 deletions(-)

diff --git a/src/common/Tooltips/TooltipItem/TooltipItem.js b/src/common/Tooltips/TooltipItem/TooltipItem.js
index d74e51973..acf14f224 100644
--- a/src/common/Tooltips/TooltipItem/TooltipItem.js
+++ b/src/common/Tooltips/TooltipItem/TooltipItem.js
@@ -10,14 +10,8 @@ const TooltipItem = React.memo(({ className, active, label, position, margin, pa
 
     const [style, setStyle] = React.useState(null);
 
-    const onTransitionEnd = React.useCallback(() => {
-        if (!active) {
-            setStyle(null);
-        }
-    }, [active]);
-
     React.useEffect(() => {
-        if (!ref.current) return setStyle(null);
+        if (!ref.current || !active) return setStyle(null);
 
         const tooltipBounds = ref.current.getBoundingClientRect();
         const parentBounds = parent.getBoundingClientRect();
@@ -47,7 +41,7 @@ const TooltipItem = React.memo(({ className, active, label, position, margin, pa
     }, [active, position, margin, parent, label]);
 
     return (
-        <div ref={ref} className={classNames(className, styles['tooltip-item'], { 'active': active })} style={style} onTransitionEnd={onTransitionEnd}>
+        <div ref={ref} className={classNames(className, styles['tooltip-item'], { 'active': active })} style={style}>
             { label }
         </div>
     );