From 2e78c1bf42ff890fb903882955da70ad92a96ba9 Mon Sep 17 00:00:00 2001
From: LPeter1997 <lenkefi.peti@gmail.com>
Date: Thu, 21 Sep 2023 13:45:24 +0200
Subject: [PATCH] Update TimelineGraph.tsx

---
 .../src/TimelineGraph.tsx                     | 27 ++++++++++---------
 1 file changed, 14 insertions(+), 13 deletions(-)

diff --git a/src/Draco.Trace.Visualizer/src/TimelineGraph.tsx b/src/Draco.Trace.Visualizer/src/TimelineGraph.tsx
index 3023171b8..cc4b3f9f6 100644
--- a/src/Draco.Trace.Visualizer/src/TimelineGraph.tsx
+++ b/src/Draco.Trace.Visualizer/src/TimelineGraph.tsx
@@ -70,19 +70,20 @@ const TimelineGraph = (props: Props) => {
             .attr('x', node => node.x0 + (node.x1 - node.x0) / 2)
             .attr('y', node => height - node.y1 + (node.y1 - node.y0) / 2);
 
-        allNodes.on('click', (svg, node) => {
-            console.log(node.data.name);
-
-            const parent = node.parent;
-            if (!parent) return;
-            if (!parent.children) return;
-
-            for (let child of parent.children) {
-                if (child === node) continue;
-
-                child.data.startTime = 0;
-                child.data.endTime = 0;
-            }
+        allNodes.on('click', function (svg, node) {
+            d3
+                .select(this)
+                .select('rect')
+                .transition()
+                .duration(500)
+                .attr('width', (d: any) => width)
+                .attr('x', (d: any) => 0);
+            d3
+                .select(this)
+                .select('text')
+                .transition()
+                .duration(500)
+                .attr('x', (d: any) => width / 2);
         });
     }, [data, width, height]);