Stop showing limited global styles notice in editor distraction free …

…mode (#40907)

* Stop showing limited global styles notice in editor distraction free mode

Fixes #40906

* changelog

* Alter logic to remove the notice in distraction free mode

projects/packages/jetpack-mu-wpcom/changelog/fix-global-styles-notice-distraction-free

@@ -0,0 +1,4 @@
+Significance: patch
+Type: fixed
+
+Global Styles: Stop showing the limited global styles notice in distraction free mode.

projects/packages/jetpack-mu-wpcom/src/features/wpcom-global-styles/notices.js

@@ -1,5 +1,6 @@
 /* global wpcomGlobalStyles */
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+import { store as blockEditorStore } from '@wordpress/block-editor';
 import { ExternalLink, Notice } from '@wordpress/components';
 import { useDispatch, useSelect } from '@wordpress/data';
 import {
@@ -238,19 +239,31 @@ function GlobalStylesEditNotice() {
 		upgradePlan,
 	] );
 
+	const isDistractionFree = useSelect(
+		select => select( blockEditorStore ).getSettings().isDistractionFree,
+		[]
+	);
+
 	useEffect( () => {
 		if ( ! isSiteEditor && ! isPostEditor ) {
 			return;
 		}
 
-		if ( globalStylesInUse ) {
+		if ( globalStylesInUse && ! isDistractionFree ) {
 			showNotice();
 		} else {
 			removeNotice( NOTICE_ID );
 		}
 
 		return () => removeNotice( NOTICE_ID );
-	}, [ globalStylesInUse, isSiteEditor, isPostEditor, removeNotice, showNotice ] );
+	}, [
+		globalStylesInUse,
+		isDistractionFree,
+		isSiteEditor,
+		isPostEditor,
+		removeNotice,
+		showNotice,
+	] );
 
 	return null;
 }

projects/plugins/mu-wpcom-plugin/changelog/fix-global-styles-notice-distraction-free

@@ -0,0 +1,4 @@
+Significance: patch
+Type: fixed
+
+Global Styles: Stop showing the limited global styles notice in distraction free mode.

projects/plugins/wpcomsh/changelog/fix-global-styles-notice-distraction-free

@@ -0,0 +1,4 @@
+Significance: patch
+Type: fixed
+
+Global Styles: Stop showing the limited global styles notice in distraction free mode.