From e798207a8e380e7d8c19a0bfbaea5083d9365184 Mon Sep 17 00:00:00 2001 From: "Thomas F. K. Jorna" Date: Tue, 27 Jul 2021 22:21:48 +0200 Subject: added build files to repo --- pages/index.tsx | 17 ++++++++--------- 1 file changed, 8 insertions(+), 9 deletions(-) (limited to 'pages') diff --git a/pages/index.tsx b/pages/index.tsx index 34fa3f4..7ac12cd 100644 --- a/pages/index.tsx +++ b/pages/index.tsx @@ -351,12 +351,12 @@ export const Graph = function (props: GraphProps) { const lastHoverNode = useRef(null) useEffect(() => { - if (!physics.highlightAnim) { - return hoverNode ? setOpacity(1) : setOpacity(0) - } if (hoverNode) { lastHoverNode.current = hoverNode } + if (!physics.highlightAnim) { + return hoverNode ? setOpacity(1) : setOpacity(0) + } if (hoverNode) { fadeIn() } else { @@ -391,7 +391,7 @@ export const Graph = function (props: GraphProps) { ...previouslyHighlightedLinks.flatMap((link) => [link.source, link.target]), ].map((nodeId) => [nodeId, {}]), ), - [hoverNode], + [hoverNode, previouslyHighlightedLinks, lastHoverNode], ) const graphCommonProps: ComponentPropsWithoutRef = { @@ -453,9 +453,7 @@ export const Graph = function (props: GraphProps) { return } const links = linksByNodeId[node.id!] ?? [] - const wasHighlightedNode = links.some((link) => - isLinkRelatedToNode(link, lastHoverNode.current), - ) + const wasHighlightedNode = previouslyHighlightedNodes[node.id!] if ( (globalScale <= physics.labelScale || physics.labels === 1) && @@ -485,9 +483,10 @@ export const Graph = function (props: GraphProps) { if (globalScale <= physics.labelScale) { return opacity } + return highlightedNodes[node.id!] || previouslyHighlightedNodes[node.id!] - ? 1 * fadeFactor * (-1 * (0.5 * opacity - 1)) - : 1 + ? Math.max(fadeFactor, opacity) + : 1 * fadeFactor * (-1 * (0.5 * opacity - 1)) } if (physics.labels === 2 && (wasHighlightedNode || highlightedNodes[node.id!])) { const backgroundOpacity = 0.5 * getLabelOpacity() -- cgit v1.2.3