Domain: Create new domain settings page stub (#58305)

* Create new domain settings page stub

* Make background white and layout wide

* Convert component to typescript

Author: leonardost

client/my-sites/domains/domain-management/controller.jsx

@@ -81,14 +81,15 @@ export default {
 	},
 
 	domainManagementEdit( pageContext, next ) {
+		let component = DomainManagement.Edit;
 		if ( config.isEnabled( 'domains/settings-page-redesign' ) ) {
-			// TODO: set different component for the new domain settings page
+			component = DomainManagement.Settings;
 		}
 		pageContext.primary = (
 			<DomainManagementData
 				analyticsPath={ domainManagementEdit( ':site', ':domain', pageContext.canonicalPath ) }
 				analyticsTitle="Domain Management > Edit"
-				component={ DomainManagement.Edit }
+				component={ component }
 				context={ pageContext }
 				needsContactDetails
 				needsDomains

client/my-sites/domains/domain-management/index.jsx

@@ -17,6 +17,7 @@ import ListAll from './list/list-all';
 import ManageConsent from './manage-consent';
 import NameServers from './name-servers';
 import Security from './security';
+import Settings from './settings';
 import SiteRedirectSettings from './site-redirect';
 import Transfer from './transfer';
 import TransferOut from './transfer/transfer-out';
@@ -43,6 +44,7 @@ export default {
 	SiteDomains,
 	NameServers,
 	Security,
+	Settings,
 	SiteRedirect,
 	SiteRedirectSettings,
 	TransferIn,

client/my-sites/domains/domain-management/settings/index.tsx

@@ -0,0 +1,21 @@
+import { connect } from 'react-redux';
+import Main from 'calypso/components/main';
+import BodySectionCssClass from 'calypso/layout/body-section-css-class';
+import { getCurrentRoute } from 'calypso/state/selectors/get-current-route';
+import isDomainOnlySite from 'calypso/state/selectors/is-domain-only-site';
+
+const Settings = (): JSX.Element => {
+	return (
+		<Main wideLayout>
+			<BodySectionCssClass bodyClass={ [ 'edit__body-white' ] } />
+			Page goes here.
+		</Main>
+	);
+};
+
+export default connect( ( state, ownProps ) => {
+	return {
+		currentRoute: getCurrentRoute( state ),
+		hasDomainOnlySite: isDomainOnlySite( state, ownProps.selectedSite.ID ),
+	};
+} )( Settings );