From de2faa7fbd2b92b2e7986e798a08ad904d268fd8 Mon Sep 17 00:00:00 2001
From: Shekar Siri <sshekarsiri@gmail.com>
Date: Mon, 23 Oct 2023 15:50:45 +0200
Subject: [PATCH] fix(ui) - path analysis hover issue

---
 .../app/components/shared/Insights/SankeyChart/CustomNode.tsx | 2 +-
 .../components/shared/Insights/SankeyChart/SankeyChart.tsx    | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/app/components/shared/Insights/SankeyChart/CustomNode.tsx b/frontend/app/components/shared/Insights/SankeyChart/CustomNode.tsx
index 835828b68..b43eae98d 100644
--- a/frontend/app/components/shared/Insights/SankeyChart/CustomNode.tsx
+++ b/frontend/app/components/shared/Insights/SankeyChart/CustomNode.tsx
@@ -4,7 +4,7 @@ import NodeButton from './NodeButton';
 import NodeDropdown from './NodeDropdown';
 
 function CustomNode(props: any) {
-  const { x, y, width, height, index, payload, containerWidth } = props;
+  const { x, y, width, height, index, payload, containerWidth, activeNodes } = props;
   const isOut = x + width + 6 > containerWidth;
 
   return (
diff --git a/frontend/app/components/shared/Insights/SankeyChart/SankeyChart.tsx b/frontend/app/components/shared/Insights/SankeyChart/SankeyChart.tsx
index 07261578d..fe425547c 100644
--- a/frontend/app/components/shared/Insights/SankeyChart/SankeyChart.tsx
+++ b/frontend/app/components/shared/Insights/SankeyChart/SankeyChart.tsx
@@ -79,7 +79,7 @@ const SankeyChart: React.FC<Props> = ({
     const { payload } = linkData;
 
     const pathFromLinkId = findPathFromLinkId(payload.id);
-    setHoveredLinks(pathFromLinkId);
+    setHoveredLinks(pathFromLinkId.reverse());
 
 
   };
@@ -125,7 +125,7 @@ const SankeyChart: React.FC<Props> = ({
         <Sankey
           data={data}
           iterations={128}
-          node={<CustomNode />}
+          node={<CustomNode activeNodes={highlightedLinks.map(index => data.nodes[data.links[index].target])} />}
           sort={true}
           onClick={clickHandler}
           link={({ source, target, ...linkProps }, index) => (