adds the experimental zoom out back

WordPress · May 21, 2024 · d2039da · d2039da
1 parent f1bca98
commit d2039da
Showing 1 changed file with 16 additions and 1 deletion.
diff --git a/...ages/block-editor/src/components/inserter/block-patterns-tab/pattern-category-previews.js b/...ages/block-editor/src/components/inserter/block-patterns-tab/pattern-category-previews.js
@@ -34,10 +34,11 @@ import {
 	myPatternsCategory,
 	INSERTER_PATTERN_TYPES,
 } from './utils';
+import { useZoomOut } from '../../../hooks/use-zoom-out';
 
 const noop = () => {};
 
-export function PatternCategoryPreviews( {
+function PatternCategoryPreviewsContent( {
 	rootClientId,
 	onInsert,
 	onHover = noop,
@@ -186,3 +187,17 @@ export function PatternCategoryPreviews( {
 		</>
 	);
 }
+
+function PatternCategoryPreviewsContentWithZoomOut( props ) {
+	useZoomOut();
+	return <PatternCategoryPreviewsContent { ...props } />;
+}
+
+export function PatternCategoryPreviews( props ) {
+	// When the pattern panel is showing, we want to use zoom out mode
+	if ( window.__experimentalEnableZoomedOutPatternsTab ) {
+		return <PatternCategoryPreviewsContentWithZoomOut { ...props } />;
+	}
+
+	return <PatternCategoryPreviewsContent { ...props } />;
+}