From 951a8ffd84223fd5ace0b71d196d55d8cb2522d3 Mon Sep 17 00:00:00 2001
From: plebeius <tom@plebbit.com>
Date: Sun, 11 Jan 2026 16:26:36 +0100
Subject: [PATCH] perf(mod queue): conditionally virtualize table for large
 feeds

---
 src/views/mod-queue/mod-queue.tsx | 27 +++++++++++++++++++--------
 1 file changed, 19 insertions(+), 8 deletions(-)

diff --git a/src/views/mod-queue/mod-queue.tsx b/src/views/mod-queue/mod-queue.tsx
index 5366c5a5..ccaece2f 100644
--- a/src/views/mod-queue/mod-queue.tsx
+++ b/src/views/mod-queue/mod-queue.tsx
@@ -522,14 +522,25 @@ export const ModQueueView = ({ boardIdentifier: propBoardIdentifier }: ModQueueV
             <div className={styles.actionsHeader}>{t('actions')}</div>
           </div>
 
-          <Virtuoso
-            useWindowScroll
-            data={feed}
-            totalCount={feed.length}
-            endReached={loadMore}
-            itemContent={(index, comment) => <ModQueueRow key={comment.cid} comment={comment} showBoardColumn={showBoardColumn} isOdd={index % 2 === 1} />}
-            components={footerComponents}
-          />
+          {/* Use Virtuoso for infinite scroll only when feed is large enough to warrant it */}
+          {feed.length > 25 ? (
+            <Virtuoso
+              useWindowScroll
+              data={feed}
+              totalCount={feed.length}
+              endReached={loadMore}
+              increaseViewportBy={{ bottom: 1200, top: 1200 }}
+              itemContent={(index, comment) => <ModQueueRow key={comment.cid} comment={comment} showBoardColumn={showBoardColumn} isOdd={index % 2 === 1} />}
+              components={footerComponents}
+            />
+          ) : (
+            <>
+              {feed.map((comment, index) => (
+                <ModQueueRow key={comment.cid} comment={comment} showBoardColumn={showBoardColumn} isOdd={index % 2 === 1} />
+              ))}
+              <ModQueueFooter hasMore={hasMore} subplebbitAddresses={subplebbitAddresses} />
+            </>
+          )}
         </>
       )}
     </div>