move preference toggle out of async chain

WordPress · Jun 30, 2023 · 0d42b23 · 0d42b23
1 parent 3240249
commit 0d42b23
Showing 1 changed file with 7 additions and 9 deletions.
diff --git a/packages/edit-site/src/components/sidebar-navigation-screen-global-styles/index.js b/packages/edit-site/src/components/sidebar-navigation-screen-global-styles/index.js
@@ -194,15 +194,13 @@ export default function SidebarNavigationScreenGlobalStyles() {
 		} );
 	}, [ createNotice, setPreference, getPrefference ] );
 
-	const openGlobalStyles = useCallback(
-		async () =>
-			Promise.all( [
-				setCanvasMode( 'edit' ),
-				openGeneralSidebar( 'edit-site/global-styles' ),
-				turnOffDistractionFreeMode(),
-			] ),
-		[ setCanvasMode, openGeneralSidebar, turnOffDistractionFreeMode ]
-	);
+	const openGlobalStyles = useCallback( async () => {
+		turnOffDistractionFreeMode();
+		return Promise.all( [
+			setCanvasMode( 'edit' ),
+			openGeneralSidebar( 'edit-site/global-styles' ),
+		] );
+	}, [ setCanvasMode, openGeneralSidebar, turnOffDistractionFreeMode ] );
 
 	const openStyleBook = useCallback( async () => {
 		await openGlobalStyles();