Zoom Out: Enhance ZoomOutModeInserters to support distraction-free mode

WordPress · Nov 15, 2024 · d69ae8f · d69ae8f
1 parent d0a190b
commit d69ae8f
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/packages/block-editor/src/components/block-tools/zoom-out-mode-inserters.js b/packages/block-editor/src/components/block-tools/zoom-out-mode-inserters.js
@@ -3,6 +3,7 @@
  */
 import { useSelect, useDispatch } from '@wordpress/data';
 import { useEffect, useState } from '@wordpress/element';
+import { store as preferencesStore } from '@wordpress/preferences';
 
 /**
  * Internal dependencies
@@ -20,6 +21,7 @@ function ZoomOutModeInserters() {
 		setInserterIsOpened,
 		sectionRootClientId,
 		selectedBlockClientId,
+		isDistractionFree,
 	} = useSelect( ( select ) => {
 		const {
 			getSettings,
@@ -30,6 +32,7 @@ function ZoomOutModeInserters() {
 		} = unlock( select( blockEditorStore ) );
 
 		const root = getSectionRootClientId();
+		const { get } = select( preferencesStore );
 
 		return {
 			hasSelection: !! getSelectionStart().clientId,
@@ -38,6 +41,7 @@ function ZoomOutModeInserters() {
 			setInserterIsOpened:
 				getSettings().__experimentalSetIsInserterOpened,
 			selectedBlockClientId: getSelectedBlockClientId(),
+			isDistractionFree: get( 'core', 'distractionFree' ),
 		};
 	}, [] );
 
@@ -54,7 +58,7 @@ function ZoomOutModeInserters() {
 		};
 	}, [] );
 
-	if ( ! isReady || ! hasSelection ) {
+	if ( ! isReady || ! hasSelection || isDistractionFree ) {
 		return null;
 	}