From b51a79c3cd6c5120f7a26a77b83d824e561e75ba Mon Sep 17 00:00:00 2001
From: jeffvli <jeffvictorli@gmail.com>
Date: Sun, 20 Nov 2022 01:52:34 -0800
Subject: [PATCH] Add scroll events to grid

---
 src/renderer/components/virtual-grid/virtual-grid-wrapper.tsx | 4 ++++
 .../components/virtual-grid/virtual-infinite-grid.tsx         | 4 ++++
 2 files changed, 8 insertions(+)

diff --git a/src/renderer/components/virtual-grid/virtual-grid-wrapper.tsx b/src/renderer/components/virtual-grid/virtual-grid-wrapper.tsx
index 9ec36e303..a4789f84a 100644
--- a/src/renderer/components/virtual-grid/virtual-grid-wrapper.tsx
+++ b/src/renderer/components/virtual-grid/virtual-grid-wrapper.tsx
@@ -22,8 +22,10 @@ export const VirtualGridWrapper = ({
   itemCount,
   columnCount,
   rowCount,
+  initialScrollOffset,
   itemData,
   route,
+  onScroll,
   ...rest
 }: Omit<FixedSizeListProps, 'ref' | 'itemSize' | 'children'> & {
   cardRows: CardRow[];
@@ -75,10 +77,12 @@ export const VirtualGridWrapper = ({
       ref={refInstance}
       {...rest}
       useIsScrolling
+      initialScrollOffset={initialScrollOffset}
       itemCount={rowCount}
       itemData={{ ...memo, handlePlayQueueAdd }}
       itemSize={itemHeight}
       overscanCount={5}
+      onScroll={onScroll}
     >
       {GridCard}
     </FixedSizeList>
diff --git a/src/renderer/components/virtual-grid/virtual-infinite-grid.tsx b/src/renderer/components/virtual-grid/virtual-infinite-grid.tsx
index 84fa4ca63..c8620d3ea 100644
--- a/src/renderer/components/virtual-grid/virtual-infinite-grid.tsx
+++ b/src/renderer/components/virtual-grid/virtual-infinite-grid.tsx
@@ -34,9 +34,11 @@ export const VirtualInfiniteGrid = ({
   itemType,
   cardRows,
   route,
+  onScroll,
   display,
   minimumBatchSize,
   fetchFn,
+  initialScrollOffset,
   height,
   width,
   refresh,
@@ -118,6 +120,7 @@ export const VirtualInfiniteGrid = ({
           columnCount={columnCount}
           display={display || CardDisplayType.CARD}
           height={height}
+          initialScrollOffset={initialScrollOffset}
           itemCount={itemCount || 0}
           itemData={itemData}
           itemGap={itemGap}
@@ -132,6 +135,7 @@ export const VirtualInfiniteGrid = ({
           rowCount={rowCount}
           width={width}
           onItemsRendered={onItemsRendered}
+          onScroll={onScroll}
         />
       )}
     </InfiniteLoader>