Merge pull request #4040 from WordPress/update/inserter-no-blocks-found

Inserter: Show messaging when no blocks found
WordPress · Jan 2, 2018 · 266247d · 266247d
2 parents d931e5f + 06a4f8c
commit 266247d
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 0 deletions.
diff --git a/editor/components/inserter/menu.js b/editor/components/inserter/menu.js
@@ -11,6 +11,7 @@ import {
 	pick,
 	some,
 	sortBy,
+	isEmpty,
 } from 'lodash';
 import { connect } from 'react-redux';
 
@@ -253,6 +254,14 @@ export class InserterMenu extends Component {
 	}
 
 	renderCategories( visibleBlocksByCategory ) {
+		if ( isEmpty( visibleBlocksByCategory ) ) {
+			return (
+				<span className="editor-inserter__no-results">
+					{ __( 'No blocks found' ) }
+				</span>
+			);
+		}
+
 		return getCategories().map(
 			( category ) => this.renderCategory( category, visibleBlocksByCategory[ category.slug ] )
 		);

diff --git a/editor/components/inserter/style.scss b/editor/components/inserter/style.scss
@@ -119,6 +119,13 @@ input[type="search"].editor-inserter__search {
 	overflow: auto;
 }
 
+.editor-inserter__no-results {
+	display: block;
+	text-align: center;
+	font-style: italic;
+	padding: 8px;
+}
+
 .editor-inserter__tabs {
 	display: flex;
 	flex-direction: column;