diff --git a/packages/block-editor/src/components/inserter/block-patterns-explorer/index.js b/packages/block-editor/src/components/inserter/block-patterns-explorer/index.js index 93a03ee200497e..f224ad0d6566fe 100644 --- a/packages/block-editor/src/components/inserter/block-patterns-explorer/index.js +++ b/packages/block-editor/src/components/inserter/block-patterns-explorer/index.js @@ -12,7 +12,7 @@ import PatternExplorerSidebar from './pattern-explorer-sidebar'; import PatternList from './pattern-list'; import { usePatternCategories } from '../block-patterns-tab/use-pattern-categories'; -function PatternsExplorer( { initialCategory, rootClientId } ) { +function PatternsExplorer( { initialCategory, rootClientId, onModalClose } ) { const [ searchValue, setSearchValue ] = useState( '' ); const [ selectedCategory, setSelectedCategory ] = useState( initialCategory?.name @@ -34,6 +34,7 @@ function PatternsExplorer( { initialCategory, rootClientId } ) { selectedCategory={ selectedCategory } patternCategories={ patternCategories } rootClientId={ rootClientId } + onModalClose={ onModalClose } /> ); @@ -46,7 +47,7 @@ function PatternsExplorerModal( { onModalClose, ...restProps } ) { onRequestClose={ onModalClose } isFullScreen > - + ); } diff --git a/packages/block-editor/src/components/inserter/block-patterns-explorer/pattern-list.js b/packages/block-editor/src/components/inserter/block-patterns-explorer/pattern-list.js index 8e5e50500ec72b..11d92d11a7bebc 100644 --- a/packages/block-editor/src/components/inserter/block-patterns-explorer/pattern-list.js +++ b/packages/block-editor/src/components/inserter/block-patterns-explorer/pattern-list.js @@ -52,6 +52,7 @@ function PatternList( { selectedCategory, patternCategories, rootClientId, + onModalClose, } ) { const container = useRef(); const debouncedSpeak = useDebounce( speak, 500 ); @@ -152,7 +153,10 @@ function PatternList( { <> { + onClickPattern( pattern, blocks ); + onModalClose(); + } } isDraggable={ false } />