From 8b9400371fd4a2a92c7c7d0f4fc14f2f97ec72db Mon Sep 17 00:00:00 2001
From: Glen Davies <glen.davies@automattic.com>
Date: Thu, 14 Sep 2023 11:31:00 +1200
Subject: [PATCH] Add no results message

---
 .../components/inserter/block-patterns-tab.js | 33 ++++++++++---------
 1 file changed, 17 insertions(+), 16 deletions(-)

diff --git a/packages/block-editor/src/components/inserter/block-patterns-tab.js b/packages/block-editor/src/components/inserter/block-patterns-tab.js
index 724b246839276..e5432fd9373f5 100644
--- a/packages/block-editor/src/components/inserter/block-patterns-tab.js
+++ b/packages/block-editor/src/components/inserter/block-patterns-tab.js
@@ -267,10 +267,6 @@ export function BlockPatternsCategoryPanel( {
 	// Hide block pattern preview on unmount.
 	useEffect( () => () => onHover( null ), [] );
 
-	if ( ! currentCategoryPatterns.length ) {
-		return null;
-	}
-
 	return (
 		<div
 			className="block-editor-inserter__patterns-category-panel"
@@ -283,18 +279,23 @@ export function BlockPatternsCategoryPanel( {
 			{ patternFilter === PATTERN_TYPES.user && (
 				<BlockPatternsSyncFilter />
 			) }
-			<BlockPatternList
-				shownPatterns={ pagingProps.categoryPatternsAsyncList }
-				blockPatterns={ pagingProps.categoryPatterns }
-				onClickPattern={ onClickPattern }
-				onHover={ onHover }
-				label={ category.label }
-				orientation="vertical"
-				category={ category.name }
-				isDraggable
-				showTitlesAsTooltip={ showTitlesAsTooltip }
-				patternFilter={ patternFilter }
-			/>
+			{ ! currentCategoryPatterns.length && (
+				<div>{ __( 'No results found' ) }</div>
+			) }
+			{ currentCategoryPatterns.length > 0 && (
+				<BlockPatternList
+					shownPatterns={ pagingProps.categoryPatternsAsyncList }
+					blockPatterns={ pagingProps.categoryPatterns }
+					onClickPattern={ onClickPattern }
+					onHover={ onHover }
+					label={ category.label }
+					orientation="vertical"
+					category={ category.name }
+					isDraggable
+					showTitlesAsTooltip={ showTitlesAsTooltip }
+					patternFilter={ patternFilter }
+				/>
+			) }
 			{ pagingProps.numPages > 1 && (
 				<BlockPatternsPaging { ...pagingProps } />
 			) }