Pattern Explorer Modal: Select the first category as the initial cate…

…gory (#47661) * Pass the first pattern category as the initially selected category in the pattern explorer modal. * If there is a selected category, make sure we use that instead. * Update packages/block-editor/src/components/inserter/block-patterns-tab.js Co-authored-by: George Mamadashvili <georgemamadashvili@gmail.com> --------- Co-authored-by: George Mamadashvili <georgemamadashvili@gmail.com>
WordPress · Feb 2, 2023 · 53a4d51 · 53a4d51 · github-actions · Feb 2, 2023
1 parent 5535a3a
commit 53a4d51
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/packages/block-editor/src/components/inserter/block-patterns-tab.js b/packages/block-editor/src/components/inserter/block-patterns-tab.js
@@ -195,6 +195,7 @@ function BlockPatternsTabs( {
 } ) {
  const [ showPatternsExplorer, setShowPatternsExplorer ] = useState( false );
  const categories = usePatternsCategories( rootClientId );
+ const initialCategory = selectedCategory || categories[ 0 ];
  const isMobile = useViewportMatch( 'medium', '<' );
  return (
  <>
@@ -261,7 +262,7 @@ function BlockPatternsTabs( {
  ) }
  { showPatternsExplorer && (
  <PatternsExplorerModal
- initialCategory={ selectedCategory }
+ initialCategory={ initialCategory }
  patternCategories={ categories }
  onModalClose={ () => setShowPatternsExplorer( false ) }
  />