Add scroll events to grid

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>

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>