Show the divider when loading

Address #934 (comment)
woocommerce · Aug 6, 2021 · 3897636 · 3897636
1 parent e7f5bf9
commit 3897636
Showing 1 changed file with 6 additions and 8 deletions.
diff --git a/js/src/components/contact-information/phone-number-card.js b/js/src/components/contact-information/phone-number-card.js
@@ -131,14 +131,11 @@ function PhoneNumberContent( {
 function EditPhoneNumberCard( { phoneNumber, onPhoneNumberChange } ) {
 	const { loaded, data } = phoneNumber;
 	const phoneNumberContent = loaded ? (
-		<>
-			<CardDivider />
-			<PhoneNumberContent
-				initCountry={ data.country }
-				initNationalNumber={ data.nationalNumber }
-				onPhoneNumberChange={ onPhoneNumberChange }
-			/>
-		</>
+		<PhoneNumberContent
+			initCountry={ data.country }
+			initNationalNumber={ data.nationalNumber }
+			onPhoneNumberChange={ onPhoneNumberChange }
+		/>
 	) : (
 		<AppSpinner />
 	);
@@ -151,6 +148,7 @@ function EditPhoneNumberCard( { phoneNumber, onPhoneNumberChange } ) {
 				'google-listings-and-ads'
 			) }
 		>
+			<CardDivider />
 			{ phoneNumberContent }
 		</AccountCard>
 	);