Render more rows while virtualizing plots (#1795)

sroy3 · web-flow · commit a97877aea4c1 · 2022-05-30T15:13:29.000-04:00
* Render more rows while virtualizing plots

* Change overscanRowCount to 15

* Remove a few plots from story
diff --git a/webview/src/shared/components/virtualizedGrid/VirtualizedGrid.tsx b/webview/src/shared/components/virtualizedGrid/VirtualizedGrid.tsx
@@ -59,6 +59,7 @@ export const VirtualizedGrid: React.FC<VirtualizedGridProps> = ({
             columnCount={nbItemsPerRow}
             columnWidth={cache.current.columnWidth}
             cellRenderer={cellRenderer}
+            overscanRowCount={15}
           />
         )}
       </AutoSizer>
diff --git a/webview/src/stories/Plots.stories.tsx b/webview/src/stories/Plots.stories.tsx
@@ -157,7 +157,7 @@ VirtualizedPlots.args = {
     },
     comparison: undefined,
     sectionCollapsed: DEFAULT_SECTION_COLLAPSED,
-    template: manyTemplatePlots(25)
+    template: manyTemplatePlots(125)
   }
 }
 VirtualizedPlots.parameters = chromaticParameters

Original file line number	Diff line number	Diff line change
`@@ -157,7 +157,7 @@ VirtualizedPlots.args = {`
`157`	`157`	`},`
`158`	`158`	`comparison: undefined,`
`159`	`159`	`sectionCollapsed: DEFAULT_SECTION_COLLAPSED,`
`160`		`- template: manyTemplatePlots(25)`
	`160`	`+ template: manyTemplatePlots(125)`
`161`	`161`	`}`
`162`	`162`	`}`
`163`	`163`	`VirtualizedPlots.parameters = chromaticParameters`