feat: Duplicate world list page

src/components/WorldListPage_WorldsForEnsOwnersFeature/WorldListPage.container.ts

@@ -0,0 +1,33 @@
+import { connect } from 'react-redux'
+import { push } from 'connected-react-router'
+import { isLoadingType } from 'decentraland-dapps/dist/modules/loading/selectors'
+import { RootState } from 'modules/common/types'
+import { FETCH_ENS_LIST_REQUEST } from 'modules/ens/actions'
+import { getENSByWallet, getError as getENSError, getLoading } from 'modules/ens/selectors'
+import { FETCH_WORLD_DEPLOYMENTS_REQUEST } from 'modules/deployment/actions'
+import { getDeploymentsByWorlds, getError as getDeploymentsError, getLoading as getDeploymentsLoading } from 'modules/deployment/selectors'
+import { FETCH_LANDS_REQUEST } from 'modules/land/actions'
+import { getLoading as getLandsLoading } from 'modules/land/selectors'
+import { isLoggingIn, isLoggedIn } from 'modules/identity/selectors'
+import { getProjects } from 'modules/ui/dashboard/selectors'
+import { MapStateProps, MapDispatchProps, MapDispatch } from './WorldListPage.types'
+import WorldListPage from './WorldListPage'
+
+const mapState = (state: RootState): MapStateProps => ({
+  ensList: getENSByWallet(state),
+  deploymentsByWorlds: getDeploymentsByWorlds(state),
+  projects: getProjects(state),
+  error: getENSError(state)?.message ?? getDeploymentsError(state) ?? undefined,
+  isLoading:
+    isLoadingType(getLoading(state), FETCH_ENS_LIST_REQUEST) ||
+    isLoadingType(getDeploymentsLoading(state), FETCH_WORLD_DEPLOYMENTS_REQUEST) ||
+    isLoadingType(getLandsLoading(state), FETCH_LANDS_REQUEST) ||
+    isLoggingIn(state),
+  isLoggedIn: isLoggedIn(state)
+})
+
+const mapDispatch = (dispatch: MapDispatch): MapDispatchProps => ({
+  onNavigate: path => dispatch(push(path))
+})
+
+export default connect(mapState, mapDispatch)(WorldListPage)

src/components/WorldListPage_WorldsForEnsOwnersFeature/WorldListPage.css

@@ -0,0 +1,168 @@
+.WorldListPage .filters {
+  margin-bottom: 16px;
+}
+
+.WorldListPage .filters .ui.header.items-count,
+.WorldListPage .ui.table > thead > tr th {
+  color: var(--text);
+}
+
+.WorldListPage .TableRow {
+  cursor: default;
+}
+
+.WorldListPage .empty-names-container {
+  display: flex;
+  flex-direction: column;
+  text-align: center;
+}
+
+.WorldListPage .empty-names-container .empty-icon {
+  margin-bottom: 30px;
+  background-image: url(../../images/empty-names.svg);
+  height: 86px;
+  width: 86px;
+}
+
+.WorldListPage .empty-names-container .empty-icon .icon {
+  font-size: 86px;
+  line-height: 86px;
+  color: var(--text);
+}
+
+.WorldListPage .empty-names-container .empty-title {
+  font-size: 24px;
+  font-weight: 600;
+  line-height: 29px;
+  color: var(--text);
+}
+
+.WorldListPage .empty-names-container .empty-description {
+  font-size: 14px;
+  font-weight: 500;
+  line-height: 24px;
+  color: var(--text);
+  max-width: 612px;
+}
+
+.WorldListPage .empty-names-container .empty-action {
+  margin-top: 40px;
+  width: 372px;
+}
+
+.WorldListPage .Icon.right-round-arrow {
+  margin-bottom: -2px;
+}
+
+.WorldListPage .TableRow .dcl.column.subdomain-wrapper {
+  display: flex;
+  flex: none;
+  flex-direction: row;
+}
+
+.WorldListPage .TableRow .world-url {
+  display: flex;
+  width: 100%;
+  justify-content: space-between;
+}
+
+.WorldListPage .TableRow .world-url .right {
+  display: flex;
+  align-items: center;
+  margin-right: 20px;
+}
+
+.WorldListPage .TableRow .world-url .right .link {
+  color: var(--text);
+}
+
+.WorldListPage .TableRow .empty-url {
+  color: #ffffffcc;
+  font-style: italic;
+}
+
+.WorldListPage .TableRow .publish-scene {
+  display: flex;
+  width: 100%;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.WorldListPage .TableRow .publish-scene span {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+  max-width: 100px;
+}
+
+.WorldListPage .TableRow .publish-scene button {
+  margin-right: 20px;
+  width: 165px;
+}
+
+.WorldListPage .TableRow .world-status.active {
+  color: #34ce76;
+}
+
+.WorldListPage .TableRow .world-status.inactive {
+  color: #cfcdd4;
+}
+
+.WorldListPage .ui.pagination {
+  width: 100%;
+  display: flex;
+  justify-content: center;
+}
+
+.WorldListPage .ui.pagination .item[type='nextItem'],
+.WorldListPage .ui.pagination .item[type='prevItem'] {
+  position: absolute;
+  background-color: var(--secondary);
+}
+
+.WorldListPage .ui.pagination .item[type='prevItem'] {
+  left: 0px;
+}
+
+.WorldListPage .ui.pagination .item[type='nextItem'] {
+  right: 0px;
+}
+
+.WorldListPage .pagination-section {
+  width: 100%;
+}
+
+.WorldListPage .ui.sub.header.items-count {
+  flex: 1 0 auto;
+  text-transform: uppercase;
+  font-size: 13px;
+  line-height: 18px;
+  font-weight: 500;
+}
+
+.WorldListPage .actions {
+  display: flex;
+  flex: 1 0 auto;
+  align-items: center;
+  justify-content: flex-end;
+  font-size: 13px;
+  line-height: 18px;
+  text-transform: uppercase;
+}
+
+.WorldListPage .actions .ui.button.basic {
+  width: 16px;
+  height: 16px;
+  box-sizing: content-box;
+  padding: 5px 10px;
+  border-radius: 4px;
+  border: solid 1px var(--gray);
+}
+
+.WorldListPage .claim-name .Icon {
+  display: block;
+}
+
+.WorldListPage .ui.dropdown {
+  margin-right: 20px;
+}