fix pagination bug

gnosisguild · Jan 20, 2024 · c7a921f · c7a921f · vercel · Jan 20, 2024
1 parent c1fff44
commit c7a921f
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/frontend/src/components/Layout/Layout.module.css b/frontend/src/components/Layout/Layout.module.css
@@ -49,7 +49,7 @@
   display: flex;
   flex-direction: column;
   align-items: center;
-  margin: 100px 0;
+  margin: 150px 0 50px;
   position: relative;
   z-index: 10;
   padding: 0 20px;

diff --git a/frontend/src/components/NFTGrid/index.tsx b/frontend/src/components/NFTGrid/index.tsx
@@ -66,7 +66,10 @@ export const CollectionNftGrid: React.FC<Props> = ({ address }) => {
   const nftBalances =
     (currentPage?.result as MoralisNFT[]) || ([] as MoralisNFT[])
 
-  const previousPageAvailable = (data?.pageParams[0] as string[]).length > 0
+  const previousPageAvailable =
+    data &&
+    data.pageParams.length > 0 &&
+    (data.pageParams[0] as string[]).length > 0
   const nextPageAvailable = currentPage?.cursor && currentPage.cursor.length > 0
 
   const deployedMechs = useDeployedMechs(getNFTContexts(nftBalances), chainId)