From b099fd2c61d0748bee4eae384fdc4ec9c0efeeb5 Mon Sep 17 00:00:00 2001
From: Tetsuaki Hamano <tetsuaki.hamano@gmail.com>
Date: Thu, 27 Jul 2023 23:19:49 +0900
Subject: [PATCH] Site Editor: Disable Settings/Styles buttons when Distruction
 Free Mode is enabled

---
 .../components/sidebar-edit-mode/default-sidebar.js  | 12 ++++++++----
 1 file changed, 8 insertions(+), 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
index ed3e7bef6575b..5f30faa084015 100644
--- 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>