From 72a5d329c1e7a4838263f8d243edd3a2250ba5d9 Mon Sep 17 00:00:00 2001
From: Kelly Dwan <ryelle@users.noreply.github.com>
Date: Wed, 21 Feb 2018 12:28:39 -0700
Subject: [PATCH] Remove duplicate Main component from tax section

---
 .../woocommerce/app/settings/taxes/taxes-taxjar.js        | 8 +++-----
 .../woocommerce/app/settings/taxes/taxes-wcs.js           | 8 +++-----
 2 files changed, 6 insertions(+), 10 deletions(-)

diff --git a/client/extensions/woocommerce/app/settings/taxes/taxes-taxjar.js b/client/extensions/woocommerce/app/settings/taxes/taxes-taxjar.js
index 541d62ad08298..69f452ff577f1 100644
--- a/client/extensions/woocommerce/app/settings/taxes/taxes-taxjar.js
+++ b/client/extensions/woocommerce/app/settings/taxes/taxes-taxjar.js
@@ -6,7 +6,6 @@
 
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
-import classNames from 'classnames';
 import { localize } from 'i18n-calypso';
 
 /**
@@ -16,7 +15,6 @@ import ActionHeader from 'woocommerce/components/action-header';
 import Card from 'components/card';
 import ExternalLink from 'components/external-link';
 import { getLink } from 'woocommerce/lib/nav-utils';
-import Main from 'components/main';
 import SettingsNavigation from '../navigation';
 
 class SettingsTaxesTaxJar extends Component {
@@ -30,7 +28,7 @@ class SettingsTaxesTaxJar extends Component {
 	};
 
 	render = () => {
-		const { className, site, translate } = this.props;
+		const { site, translate } = this.props;
 
 		const breadcrumbs = [
 			<a href={ getLink( '/store/settings/:site/', site ) }>{ translate( 'Settings' ) }</a>,
@@ -43,7 +41,7 @@ class SettingsTaxesTaxJar extends Component {
 		const pluginUrl = getLink( '/plugins/taxjar-simplified-taxes-for-woocommerce/:site', site );
 
 		return (
-			<Main className={ classNames( 'settings-taxes', className ) } wideLayout>
+			<div>
 				<ActionHeader breadcrumbs={ breadcrumbs } />
 				<SettingsNavigation activeSection="taxes" />
 				<div>
@@ -83,7 +81,7 @@ class SettingsTaxesTaxJar extends Component {
 						</p>
 					</Card>
 				</div>
-			</Main>
+			</div>
 		);
 	};
 }
diff --git a/client/extensions/woocommerce/app/settings/taxes/taxes-wcs.js b/client/extensions/woocommerce/app/settings/taxes/taxes-wcs.js
index 25147affa497e..f59699cbcc1e4 100644
--- a/client/extensions/woocommerce/app/settings/taxes/taxes-wcs.js
+++ b/client/extensions/woocommerce/app/settings/taxes/taxes-wcs.js
@@ -7,7 +7,6 @@
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import { bindActionCreators } from 'redux';
-import classNames from 'classnames';
 import { connect } from 'react-redux';
 import { localize } from 'i18n-calypso';
 
@@ -29,7 +28,6 @@ import ExtendedHeader from 'woocommerce/components/extended-header';
 import { fetchTaxRates } from 'woocommerce/state/sites/meta/taxrates/actions';
 import { fetchTaxSettings, updateTaxSettings } from 'woocommerce/state/sites/settings/tax/actions';
 import { getLink } from 'woocommerce/lib/nav-utils';
-import Main from 'components/main';
 import { ProtectFormGuard } from 'lib/protect-form';
 import QuerySettingsGeneral from 'woocommerce/components/query-settings-general';
 import SettingsNavigation from '../navigation';
@@ -184,7 +182,7 @@ class SettingsTaxesWooCommerceServices extends Component {
 	};
 
 	render = () => {
-		const { className, loaded, siteId, siteSlug, translate } = this.props;
+		const { loaded, siteId, siteSlug, translate } = this.props;
 
 		const breadcrumbs = [
 			<a href={ getLink( '/store/settings/:site/', { slug: siteSlug } ) }>
@@ -194,7 +192,7 @@ class SettingsTaxesWooCommerceServices extends Component {
 		];
 
 		return (
-			<Main className={ classNames( 'settings-taxes', className ) } wideLayout>
+			<div>
 				<ActionHeader breadcrumbs={ breadcrumbs }>
 					<TaxSettingsSaveButton onSave={ this.onSave } />
 				</ActionHeader>
@@ -204,7 +202,7 @@ class SettingsTaxesWooCommerceServices extends Component {
 				{ loaded && this.renderRates() }
 				{ loaded && this.renderOptions() }
 				<ProtectFormGuard isChanged={ ! this.state.pristine } />
-			</Main>
+			</div>
 		);
 	};
 }