feaT: paginate worlds list too

decentraland · Jan 27, 2025 · f8194db · f8194db
1 parent c8f2264
commit f8194db
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 12 deletions.
diff --git a/src/components/WorldListPage/WorldListPage.tsx b/src/components/WorldListPage/WorldListPage.tsx
@@ -40,13 +40,14 @@ const WorldListPage: React.FC<Props> = props => {
     worldsWalletStats,
     isConnected,
     isWorldContributorEnabled,
+    ensTotal,
     onOpenYourStorageModal,
     onOpenWorldsForENSOwnersAnnouncementModal,
     onUnpublishWorld,
     onOpenPermissionsModal,
     onFetchContributableNames
   } = props
-  const [sortBy, setSortBy] = useState(SortBy.ASC)
+  const [sortBy, setSortBy] = useState(SortBy.DESC)
   const [page, setPage] = useState(1)
   const { tab } = useCurrentlySelectedTab()
   const history = useHistory()
@@ -167,8 +168,7 @@ const WorldListPage: React.FC<Props> = props => {
   }, [])
 
   const renderList = useCallback(() => {
-    const total = tab === TabType.DCL ? ensList.length : externalNames.length
-    const totalPages = Math.ceil(total / PAGE_SIZE)
+    const totalPages = Math.ceil(props.ensTotal / PAGE_SIZE)
     const paginatedItems = paginate()
 
     return (
@@ -179,7 +179,7 @@ const WorldListPage: React.FC<Props> = props => {
               <Column>
                 <Row>
                   <Header sub className="items-count">
-                    {t('ens_list_page.items', { count: total.toLocaleString() })}
+                    {t('ens_list_page.items', { count: props.ensTotal.toLocaleString() })}
                   </Header>
                 </Row>
               </Column>
@@ -261,7 +261,7 @@ const WorldListPage: React.FC<Props> = props => {
         </Container>
       </>
     )
-  }, [tab, ensList, externalNames, handleClaimENS, paginate, renderSortDropdown, renderWorldSize, renderWorldStatus, setPage])
+  }, [tab, ensList, externalNames, handleClaimENS, paginate, renderSortDropdown, renderWorldSize, renderWorldStatus, setPage, ensTotal])
 
   const renderEmptyPage = useCallback(() => {
     return (

diff --git a/src/modules/ens/reducer.ts b/src/modules/ens/reducer.ts
@@ -143,13 +143,10 @@ export function ensReducer(state: ENSState = INITIAL_STATE, action: ENSReducerAc
         ...state,
         loading: loadingReducer(state.loading, action),
         total: action.payload.total,
-        data: action.payload.ensList.reduce(
-          (obj, ens) => {
-            obj[ens.subdomain] = ens
-            return obj
-          },
-          {} as Record<string, ENS>
-        )
+        data: action.payload.ensList.reduce((obj, ens) => {
+          obj[ens.subdomain] = ens
+          return obj
+        }, {} as Record<string, ENS>)
       }
     }