From 584c07afea9415da0e38adeb374c932285111cbb Mon Sep 17 00:00:00 2001
From: jeffvli <jeffvictorli@gmail.com>
Date: Sat, 10 Dec 2022 20:42:25 -0800
Subject: [PATCH] Set max width on grid

---
 .../virtual-grid/virtual-infinite-grid.tsx           | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/packages/renderer/src/components/virtual-grid/virtual-infinite-grid.tsx b/packages/renderer/src/components/virtual-grid/virtual-infinite-grid.tsx
index 56524ae2c..ef1105dc7 100644
--- a/packages/renderer/src/components/virtual-grid/virtual-infinite-grid.tsx
+++ b/packages/renderer/src/components/virtual-grid/virtual-infinite-grid.tsx
@@ -18,6 +18,14 @@ interface VirtualGridProps extends Omit<FixedSizeListProps, 'children' | 'itemSi
   route?: CardRoute;
 }
 
+const constrainWidth = (width: number) => {
+  if (width < 1920) {
+    return width;
+  }
+
+  return 1920;
+};
+
 export const VirtualInfiniteGrid = ({
   itemCount,
   itemGap,
@@ -39,7 +47,9 @@ export const VirtualInfiniteGrid = ({
   const loader = useRef<InfiniteLoader>(null);
 
   const { itemHeight, rowCount, columnCount } = useMemo(() => {
-    const itemsPerRow = Math.floor((Number(width) - itemGap + 3) / (itemSize! + itemGap + 2));
+    const itemsPerRow = Math.floor(
+      (constrainWidth(Number(width)) - itemGap + 3) / (itemSize! + itemGap + 2),
+    );
 
     return {
       columnCount: itemsPerRow,