Added Suspense event row-border lines

facebook · Jul 31, 2021 · 58cab30 · 58cab30
1 parent 1610784
commit 58cab30
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/packages/react-devtools-scheduling-profiler/src/content-views/SuspenseEventsView.js b/packages/react-devtools-scheduling-profiler/src/content-views/SuspenseEventsView.js
@@ -250,6 +250,8 @@ export class SuspenseEventsView extends View {
       visibleArea.size.width,
       visibleArea.size.height,
     );
+    console.log('visibleArea:', JSON.stringify(visibleArea));
+    console.log('frame:', JSON.stringify(frame));
 
     // Draw events
     const scaleFactor = positioningScaleFactor(
@@ -273,7 +275,7 @@ export class SuspenseEventsView extends View {
       const borderFrame: Rect = {
         origin: {
           x: frame.origin.x,
-          y: frame.origin.y + SUSPENSE_EVENT_HEIGHT,
+          y: frame.origin.y + (i + 1) * ROW_WITH_BORDER_HEIGHT - BORDER_SIZE,
         },
         size: {
           width: frame.size.width,