Added helpful hint in test mode

Automattic · Dec 14, 2023 · 5b12897 · 5b12897
1 parent 546d117
commit 5b12897
Showing 1 changed file with 9 additions and 5 deletions.
diff --git a/client/settings/support-phone-input/index.js b/client/settings/support-phone-input/index.js
@@ -50,6 +50,13 @@ const SupportPhoneInput = ( { setInputVallid } ) => {
 		}
 	}, [ supportPhoneError, setInputVallid ] );
 
+	let labelText = __( 'Support phone number', 'woocommerce-payments' );
+	if ( isDevModeEnabled ) {
+		labelText += __(
+			' ( Use +1 000-000-0000 in test mode. )',
+			'woocommerce-payments'
+		);
+	}
 	return (
 		<>
 			{ supportPhoneError && (
@@ -63,18 +70,15 @@ const SupportPhoneInput = ( { setInputVallid } ) => {
 					'This may be visible on receipts, invoices, and automated emails from your store.',
 					'woocommerce-payments'
 				) }
-				label={ __( 'Support phone number', 'woocommerce-payments' ) }
+				label={ labelText }
 				id="account-business-support-phone-input"
 			>
 				<PhoneNumberInput
 					onValueChange={ setSupportPhone }
 					value={ supportPhone }
 					onValidationChange={ setPhoneValidity }
 					inputProps={ {
-						ariaLabel: __(
-							'Support phone number',
-							'woocommerce-payments'
-						),
+						ariaLabel: labelText,
 					} }
 				/>
 			</BaseControl>