Merge pull request #316 from ourzora/fix-profile-issues

Fix links and pagination on profile page
ourzora · Jul 24, 2023 · a7e7a29 · a7e7a29 · vercel · Jul 24, 2023
2 parents b5b7d70 + e371cf9
commit a7e7a29
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/apps/web/src/data/subgraph/requests/tokensQuery.ts b/apps/web/src/data/subgraph/requests/tokensQuery.ts
@@ -5,6 +5,7 @@ import { OrderDirection, TokenFragment, Token_OrderBy } from '../sdk.generated'
 
 export interface TokensQueryResponse {
   tokens: TokenFragment[]
+  hasNextPage: boolean
 }
 
 export const tokensQuery = async (
@@ -25,5 +26,6 @@ export const tokensQuery = async (
 
   return {
     tokens: res.tokens,
+    hasNextPage: res.tokens.length === limit,
   }
 }
diff --git a/apps/web/src/pages/profile/[user].tsx b/apps/web/src/pages/profile/[user].tsx
@@ -50,7 +50,7 @@ const ProfilePage: NextPageWithLayout<ProfileProps> = ({ userAddress }) => {
   const isLoading = data ? false : isValidating && !data && !error
   const hasDaos = !!daos && daos.length > 0
 
-  const { handlePageBack, handlePageForward } = usePagination(!!tokens?.tokens.length)
+  const { handlePageBack, handlePageForward } = usePagination(tokens?.hasNextPage)
 
   const daosString = daos?.map((x) => x.name).join(', ')
 
@@ -173,7 +173,7 @@ const ProfilePage: NextPageWithLayout<ProfileProps> = ({ userAddress }) => {
                   {tokens?.tokens.map((x, i) => (
                     <Link
                       key={i}
-                      href={`/dao/${query.network}/${x.tokenContract}/${x.tokenId}`}
+                      href={`/dao/${chain.slug}/${x.tokenContract}/${x.tokenId}`}
                     >
                       <TokenPreview name={x.name} image={x.image} />
                     </Link>
@@ -192,7 +192,7 @@ const ProfilePage: NextPageWithLayout<ProfileProps> = ({ userAddress }) => {
               <Pagination
                 onNext={handlePageForward}
                 onPrev={handlePageBack}
-                isLast={!tokens?.tokens.length}
+                isLast={!tokens?.hasNextPage}
                 isFirst={!page}
               />
             </>