ciphera-net/pulse
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 15 Wiki Activity

fix: only highlight links on node hover, not other nodes

Browse Source
This commit is contained in:
Usman Baig
2026-03-12 22:40:40 +01:00
parent 5cdf353233
commit 3bde3fd4e1
1 changed files with 1 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
components/journeys/SankeyDiagram.tsx
View File

@@ -255,20 +255,6 @@ export default function SankeyDiagram({
const w = (node.x1 ?? 0) - (node.x0 ?? 0) const w = (node.x1 ?? 0) - (node.x0 ?? 0)
const h = (node.y1 ?? 0) - (node.y0 ?? 0) const h = (node.y1 ?? 0) - (node.y0 ?? 0)
// Check if this node is connected to the hovered node
const isThisHovered = hoveredNode === node.id!.toString()
const isConnected =
hoveredNode !== null &&
layout.links.some((l) => {
const s = (l.source as LayoutNode).id
const t = (l.target as LayoutNode).id
return (
(s === hoveredNode && t === node.id) ||
(t === hoveredNode && s === node.id)
)
})
const dimNode = hasHover && !isThisHovered && !isConnected
return ( return (
<rect <rect
key={node.id} key={node.id}
@@ -280,7 +266,7 @@ export default function SankeyDiagram({
stroke={nodeStroke} stroke={nodeStroke}
strokeWidth={1} strokeWidth={1}
rx={2} rx={2}
opacity={dimNode ? 0.25 : 1} opacity={1}
style={{ transition: 'opacity 0.15s ease' }} style={{ transition: 'opacity 0.15s ease' }}
className={ className={
onNodeClick && !isExit ? 'cursor-pointer' : 'cursor-default' onNodeClick && !isExit ? 'cursor-pointer' : 'cursor-default'