Add spinner when loading in Query (#31095)

WordPress · Apr 23, 2021 · 3011744 · 3011744
1 parent 4e52072
commit 3011744
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/packages/block-library/src/query-loop/edit.js b/packages/block-library/src/query-loop/edit.js
@@ -16,6 +16,7 @@ import {
 	__experimentalUseInnerBlocksProps as useInnerBlocksProps,
 	store as blockEditorStore,
 } from '@wordpress/block-editor';
+import { Spinner } from '@wordpress/components';
 import { store as coreStore } from '@wordpress/core-data';
 
 const TEMPLATE = [
@@ -127,7 +128,11 @@ export default function QueryLoopEdit( {
 	const innerBlocksProps = useInnerBlocksProps( {}, { template: TEMPLATE } );
 
 	if ( ! posts ) {
-		return <p { ...blockProps }>{ __( 'Loading…' ) }</p>;
+		return (
+			<p { ...blockProps }>
+				<Spinner />
+			</p>
+		);
 	}
 
 	if ( ! posts.length ) {