feat: add back a single spinner during XHR requests

Automattic · Apr 20, 2020 · 3c0d097 · 3c0d097
1 parent feb9db6
commit 3c0d097
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/src/components/template-modal/screens/api-keys/index.js b/src/components/template-modal/screens/api-keys/index.js
@@ -2,7 +2,7 @@
  * WordPress dependencies
  */
 import apiFetch from '@wordpress/api-fetch';
-import { Button, ExternalLink, TextControl } from '@wordpress/components';
+import { Button, ExternalLink, Spinner, TextControl } from '@wordpress/components';
 import { Fragment, useEffect, useState } from '@wordpress/element';
 import { __ } from '@wordpress/i18n';
 import { ENTER } from '@wordpress/keycodes';
@@ -66,6 +66,7 @@ export default ( { onSetupStatus } ) => {
 		<Fragment>
 			<div className={ classes }>
 				<div className="newspack-newsletters-modal__settings-wrapper">
+					{ inFlight && <Spinner /> }
 					<h4>{ __( 'Enter your Mailchimp API key', 'newspack-newsletters' ) }</h4>
 					<TextControl
 						label={ __( 'Mailchimp API key', 'newspack-newsletters' ) }