feat: improve billing fields section integration

Automattic · Nov 21, 2024 · 832b88d · 832b88d
1 parent dda3a11
commit 832b88d
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 12 deletions.
diff --git a/src/wizards/audience/components/billing-fields/index.tsx b/src/wizards/audience/components/billing-fields/index.tsx
@@ -49,16 +49,14 @@ const BillingFields = () => {
 
 	return (
 		<>
-			<Card noBorder headerActions>
-				<SectionHeader
-					title={ __( 'Checkout Billing Fields', 'newspack-plugin' ) }
-					description={ __(
-						'Configure the billing fields shown in the modal checkout form.',
-						'newspack-plugin'
-					) }
-					noMargin
-				/>
-			</Card>
+			<SectionHeader
+				title={ __( 'Checkout Billing Fields', 'newspack-plugin' ) }
+				description={ __(
+					'Configure the billing fields shown in the modal checkout form.',
+					'newspack-plugin'
+				) }
+				noMargin
+			/>
 			<Grid columns={ 3 } rowGap={ 16 }>
 				{ Object.keys( availableFields ).map( fieldKey => (
 					<CheckboxControl

diff --git a/src/wizards/audience/views/setup/payment.js b/src/wizards/audience/views/setup/payment.js
@@ -22,9 +22,8 @@ export default withWizardScreen( function () {
 		>
 			<Platform />
 			{ data?.platform_data?.platform === 'wc' && <PaymentGateways /> }
+			{ data?.platform_data?.platform === 'wc' && <BillingFields /> }
 			{ data?.platform_data?.platform === 'nrh' && <NRHSettings /> }
-			<hr />
-			<BillingFields />
 		</WizardsTab>
 	);
 } );