Site Editor: Disable Settings/Styles buttons when Distruction Free Mo…

…de is enabled
WordPress · Jul 27, 2023 · b099fd2 · b099fd2
1 parent b0dbcf8
commit b099fd2
Showing 1 changed file with 8 additions and 4 deletions.
diff --git a/packages/edit-site/src/components/sidebar-edit-mode/default-sidebar.js b/packages/edit-site/src/components/sidebar-edit-mode/default-sidebar.js
@@ -23,10 +23,13 @@ export default function DefaultSidebar( {
 	headerClassName,
 	panelClassName,
 } ) {
-	const showIconLabels = useSelect(
-		( select ) => select( editSiteStore ).getSettings().showIconLabels,
-		[]
-	);
+	const { showIconLabels, isDistractionFree } = useSelect( ( select ) => {
+		const settings = select( editSiteStore ).getSettings();
+		return {
+			showIconLabels: settings.showIconLabels,
+			isDistractionFree: settings.isDistractionFree,
+		};
+	}, [] );
 
 	return (
 		<>
@@ -48,6 +51,7 @@ export default function DefaultSidebar( {
 				scope="core/edit-site"
 				identifier={ identifier }
 				icon={ icon }
+				disabled={ isDistractionFree }
 			>
 				{ title }
 			</ComplementaryAreaMoreMenuItem>