Use the flag in the client to hide the GS UI

WordPress · Oct 7, 2021 · 8404a6d · 8404a6d
1 parent 4850fab
commit 8404a6d
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 2 deletions.
diff --git a/packages/edit-site/src/components/global-styles/hooks.js b/packages/edit-site/src/components/global-styles/hooks.js
@@ -345,3 +345,9 @@ export function getSupportedGlobalStylesPanels( name ) {
 
 	return supportKeys;
 }
+
+export function useGlobalStylesIsEnabled() {
+	return useSelect( ( select ) => {
+		return select( editSiteStore ).getSettings().isGlobalStylesUIEnabled;
+	}, [] );
+}
diff --git a/packages/edit-site/src/components/global-styles/index.js b/packages/edit-site/src/components/global-styles/index.js
@@ -1,3 +1,8 @@
 export { default as GlobalStylesUI } from './ui';
-export { useGlobalStylesReset, useStyle, useSetting } from './hooks';
+export {
+	useGlobalStylesIsEnabled,
+	useGlobalStylesReset,
+	useStyle,
+	useSetting,
+} from './hooks';
 export { useGlobalStylesOutput } from './use-global-styles-output';
diff --git a/packages/edit-site/src/components/sidebar/global-styles-sidebar.js b/packages/edit-site/src/components/sidebar/global-styles-sidebar.js
@@ -9,10 +9,17 @@ import { styles } from '@wordpress/icons';
  * Internal dependencies
  */
 import DefaultSidebar from './default-sidebar';
-import { GlobalStylesUI, useGlobalStylesReset } from '../global-styles';
+import {
+	useGlobalStylesIsEnabled,
+	GlobalStylesUI,
+	useGlobalStylesReset,
+} from '../global-styles';
 
 export default function GlobalStylesSidebar() {
 	const [ canRestart, onReset ] = useGlobalStylesReset();
+	if ( ! useGlobalStylesIsEnabled() ) {
+		return null;
+	}
 
 	return (
 		<DefaultSidebar