Add a snackbar when the installation succeeds

WordPress · Jan 21, 2021 · 5bde787 · 5bde787
1 parent dbb67fa
commit 5bde787
Show file tree

Hide file tree

Showing 2 changed files with 28 additions and 3 deletions.
diff --git a/packages/block-directory/src/store/actions.js b/packages/block-directory/src/store/actions.js
@@ -2,7 +2,7 @@
  * WordPress dependencies
  */
 import { store as blocksStore } from '@wordpress/blocks';
-import { __ } from '@wordpress/i18n';
+import { __, sprintf } from '@wordpress/i18n';
 import { controls } from '@wordpress/data';
 import { apiFetch } from '@wordpress/data-controls';
 import { store as noticesStore } from '@wordpress/notices';
@@ -96,6 +96,19 @@ export function* installBlockType( block ) {
 			);
 		}
 
+		yield controls.dispatch(
+			noticesStore,
+			'createInfoNotice',
+			sprintf(
+				// translators: %s is the block title.
+				__( 'Block %s installed and added.' ),
+				block.title
+			),
+			{
+				speak: true,
+				type: 'snackbar',
+			}
+		);
 		success = true;
 	} catch ( error ) {
 		let message = error.message || __( 'An error occurred.' );

diff --git a/packages/block-directory/src/store/test/actions.js b/packages/block-directory/src/store/test/actions.js
@@ -90,7 +90,13 @@ describe( 'actions', () => {
 				type: '@@data/SELECT',
 			} );
 
-			expect( generator.next( [ block ] ).value ).toEqual( {
+			expect( generator.next( [ block ] ).value ).toMatchObject( {
+				type: '@@data/DISPATCH',
+				actionName: 'createInfoNotice',
+				storeKey: noticesStore,
+			} );
+
+			expect( generator.next().value ).toEqual( {
 				type: 'SET_INSTALLING_BLOCK',
 				blockId: block.id,
 				isInstalling: false,
@@ -152,7 +158,13 @@ describe( 'actions', () => {
 				type: '@@data/SELECT',
 			} );
 
-			expect( generator.next( [ inactiveBlock ] ).value ).toEqual( {
+			expect( generator.next( [ inactiveBlock ] ).value ).toMatchObject( {
+				type: '@@data/DISPATCH',
+				actionName: 'createInfoNotice',
+				storeKey: noticesStore,
+			} );
+
+			expect( generator.next().value ).toEqual( {
 				type: 'SET_INSTALLING_BLOCK',
 				blockId: inactiveBlock.id,
 				isInstalling: false,