Hide add note in distraction free mode (#72835)

dhruvang21 · dhruvang21 · t-hamano · web-flow · commit a2f779c3d6a5 · 2025-11-03T21:48:15.000+09:00
* Hide add note in distraction free mode

* refactor: NotesSidebarContainer component code

* refactor: remove condition from NotesSidebar component

Co-authored-by: dhruvang21 &lt;dhruvang21@git.wordpress.org&gt;
Co-authored-by: t-hamano &lt;wildworks@git.wordpress.org&gt;
Co-authored-by: jeffpaul &lt;jeffpaul@git.wordpress.org&gt;
Co-authored-by: Mamaduka &lt;mamaduka@git.wordpress.org&gt;
Co-authored-by: adamsilverstein &lt;adamsilverstein@git.wordpress.org&gt;
Co-authored-by: karthick-murugan &lt;karthickmurugan@git.wordpress.org&gt;
diff --git a/packages/editor/src/components/collab-sidebar/index.js b/packages/editor/src/components/collab-sidebar/index.js
@@ -208,17 +208,22 @@ function NotesSidebar( { postId, mode } ) {
 }
 
 export default function NotesSidebarContainer() {
-	const { postId, mode, editorMode } = useSelect( ( select ) => {
-		const { getCurrentPostId, getRenderingMode, getEditorMode } =
-			select( editorStore );
-		return {
-			postId: getCurrentPostId(),
-			mode: getRenderingMode(),
-			editorMode: getEditorMode(),
-		};
-	}, [] );
+	const { postId, mode, editorMode, isDistractionFree } = useSelect(
+		( select ) => {
+			const { getCurrentPostId, getRenderingMode, getEditorMode } =
+				select( editorStore );
+			const { getSettings } = select( blockEditorStore );
+			return {
+				postId: getCurrentPostId(),
+				mode: getRenderingMode(),
+				editorMode: getEditorMode(),
+				isDistractionFree: getSettings().isDistractionFree,
+			};
+		},
+		[]
+	);
 
-	if ( ! postId || typeof postId !== 'number' ) {
+	if ( ! postId || typeof postId !== 'number' || isDistractionFree ) {
 		return null;
 	}
 
