diff --git a/src/components/WorldListPage/WorldListPage.tsx b/src/components/WorldListPage/WorldListPage.tsx index d79539a23..b6c8b50c0 100644 --- a/src/components/WorldListPage/WorldListPage.tsx +++ b/src/components/WorldListPage/WorldListPage.tsx @@ -40,13 +40,14 @@ const WorldListPage: React.FC = 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 => { }, []) 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 => {
- {t('ens_list_page.items', { count: total.toLocaleString() })} + {t('ens_list_page.items', { count: props.ensTotal.toLocaleString() })}
@@ -261,7 +261,7 @@ const WorldListPage: React.FC = props => { ) - }, [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 index a08be680d..439978800 100644 --- 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 - ) + data: action.payload.ensList.reduce((obj, ens) => { + obj[ens.subdomain] = ens + return obj + }, {} as Record) } }