send success email message from account component

Automattic · Sep 19, 2024 · d763759 · d763759
1 parent 4b96445
commit d763759
Showing 1 changed file with 12 additions and 10 deletions.
diff --git a/client/me/account/main.jsx b/client/me/account/main.jsx
@@ -598,8 +598,6 @@ class Account extends Component {
 	}
 
 	async handleSubmitSuccess( response, formName = '' ) {
-		const isEmailUpdate = this.hasUnsavedUserSetting( 'user_email' );
-
 		if ( ! this.hasUnsavedUserSettings( ACCOUNT_FIELDS.concat( INTERFACE_FIELDS ) ) ) {
 			this.props.markSaved();
 		}
@@ -614,6 +612,8 @@ class Account extends Component {
 			return;
 		}
 
+		const newEmail = this.getUserSetting( 'new_user_email' );
+
 		this.setState(
 			{
 				submittingForm: false,
@@ -627,14 +627,16 @@ class Account extends Component {
 					this.props.translate( 'Settings saved successfully!' ),
 					noticeOptions
 				);
-				isEmailUpdate &&
-					this.props.translate(
-						'We sent an email to %(email)s. Please check your inbox to verify your email.',
-						{
-							args: {
-								email: this.props.userSettings?.new_user_email || '',
-							},
-						}
+				newEmail &&
+					this.props.successNotice(
+						this.props.translate(
+							'We sent an email to %(email)s. Please check your inbox to verify your email.',
+							{
+								args: {
+									email: newEmail || '',
+								},
+							}
+						)
 					);
 			}
 		);