fix: modify the tooltip update conditions

gnoswap-labs · Aug 22, 2024 · e512870 · e512870
1 parent 46b025a
commit e512870
Showing 1 changed file with 13 additions and 13 deletions.
diff --git a/packages/web/src/components/common/pool-graph/PoolGraph.tsx b/packages/web/src/components/common/pool-graph/PoolGraph.tsx
@@ -207,9 +207,6 @@ const PoolGraph: React.FC<PoolGraphProps> = ({
         if (mouseY < 0.000001 || mouseY > height) {
           return false;
         }
-        if (bin.reserveTokenMap < 0 || !bin.reserveTokenMap) {
-          return false;
-        }
         const isHoveringCurrentBin = document
           .getElementById(getBinId(bin.index))
           ?.matches(":hover");
@@ -235,25 +232,28 @@ const PoolGraph: React.FC<PoolGraphProps> = ({
         return bin.index === hoveredBinIndex;
       });
 
-      if (currentBin?.index) {
-        if (currentBin.index !== lastHoverBinIndexRef.current) {
-          lastHoverBinIndexRef.current = currentBin.index;
-        } else {
-          setPositionX(mouseX);
-          setPositionY(mouseY);
-          return;
-        }
-      }
-
       if (!currentBin) {
+        lastHoverBinIndexRef.current = -1;
         setPositionX(null);
         setPositionY(null);
+
         if (!nextSpacing) {
           setTooltipInfo(null);
         }
         return;
       }
 
+      // Only updates the position when the hovered area is the same bar and has tooltip information.
+      if (currentBin.index === lastHoverBinIndexRef.current) {
+        if (tooltipInfo) {
+          setPositionX(mouseX);
+          setPositionY(mouseY);
+          return;
+        }
+      }
+
+      lastHoverBinIndexRef.current = currentBin.index;
+
       if (
         Math.abs(height - mouseY - 0.0001) >
         boundsHeight -