From d603fdeca4e879dd633871418f3c6f19ea154f81 Mon Sep 17 00:00:00 2001
From: Sam Becker <sam@sambecker.com>
Date: Sun, 11 Feb 2024 23:22:09 -0600
Subject: [PATCH] Fix grid spacing, add request debugging

---
 src/components/MoreComponents.tsx | 7 ++++++-
 src/photo/MorePhotosGrid.tsx      | 1 +
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/components/MoreComponents.tsx b/src/components/MoreComponents.tsx
index 316da051..52a4c7d2 100644
--- a/src/components/MoreComponents.tsx
+++ b/src/components/MoreComponents.tsx
@@ -23,7 +23,7 @@ export default function MoreComponents({
   prefetch = true,
   itemsClass,
   wrapMoreButtonInSiteGrid,
-  debug,
+  debug = true,
 }: {
   stateKey: MoreComponentsKey
   initialOffset: number
@@ -207,6 +207,11 @@ export default function MoreComponents({
           : label}
     </button>;
 
+  console.log({
+    indexInView,
+    componentsLength: components.length,
+  });
+
   return <>
     <div className="space-y-4">
       <div className={itemsClass}>
diff --git a/src/photo/MorePhotosGrid.tsx b/src/photo/MorePhotosGrid.tsx
index 5db52fea..91d4bd62 100644
--- a/src/photo/MorePhotosGrid.tsx
+++ b/src/photo/MorePhotosGrid.tsx
@@ -41,6 +41,7 @@ export function MorePhotosGrid({
     <MoreComponents
       stateKey="PhotosGrid"
       label="More photos"
+      itemsClass='space-y-0.5 sm:space-y-1'
       initialOffset={initialOffset}
       itemsPerRequest={itemsPerRequest}
       getNextComponent={getNextComponent}