La-7 Adjust active edge width

ethyca · Dec 6, 2024 · df44a66 · df44a66
1 parent d7d3307
commit df44a66
Showing 1 changed file with 11 additions and 1 deletion.
diff --git a/clients/admin-ui/src/features/taxonomy/components/TaxonomyTreeEdge.tsx b/clients/admin-ui/src/features/taxonomy/components/TaxonomyTreeEdge.tsx
@@ -30,12 +30,22 @@ const TaxonomyTreeEdge = (props: TaxonomyTreeEdgeProps) => {
     }
   }, [targetNodeHoverStatus]);
 
+  const getStrokeWidth = useCallback(() => {
+    switch (targetNodeHoverStatus) {
+      case TreeNodeHoverStatus.ACTIVE_HOVER:
+      case TreeNodeHoverStatus.PARENT_OF_HOVER:
+        return 2;
+      default:
+        return 1;
+    }
+  }, [targetNodeHoverStatus]);
+
   return (
     <BezierEdge
       {...props}
       style={{
         stroke: getStrokeColor(),
-        strokeWidth: 1,
+        strokeWidth: getStrokeWidth(),
         transition: "stroke 0.3s ease 0s",
       }}
     />