From 1f9b10b952720f58c0c3ba0ad54a37c3b5c0df0f Mon Sep 17 00:00:00 2001 From: Matias Benedetto Date: Wed, 14 Aug 2024 11:58:05 -0300 Subject: [PATCH] Hide typeset button when there are no typesets available --- .../src/components/global-styles/typeset-button.js | 13 ++++++++++--- 1 file changed, 10 insertions(+), 3 deletions(-) diff --git a/packages/edit-site/src/components/global-styles/typeset-button.js b/packages/edit-site/src/components/global-styles/typeset-button.js index 8195562752659..bcd450def06f8 100644 --- a/packages/edit-site/src/components/global-styles/typeset-button.js +++ b/packages/edit-site/src/components/global-styles/typeset-button.js @@ -23,14 +23,20 @@ import { getFontFamilies } from './utils'; import { NavigationButtonAsItem } from './navigation-button'; import Subtitle from './subtitle'; import { unlock } from '../../lock-unlock'; -import { filterObjectByProperties } from '../../hooks/use-theme-style-variations/use-theme-style-variations-by-property'; +import { + filterObjectByProperties, + useCurrentMergeThemeStyleVariationsWithUserConfig, +} from '../../hooks/use-theme-style-variations/use-theme-style-variations-by-property'; const { GlobalStylesContext } = unlock( blockEditorPrivateApis ); const { mergeBaseAndUserConfigs } = unlock( editorPrivateApis ); function TypesetButton() { - const { base } = useContext( GlobalStylesContext ); - const { user: userConfig } = useContext( GlobalStylesContext ); + const propertiesToFilter = [ 'typography' ]; + const typographyVariations = + useCurrentMergeThemeStyleVariationsWithUserConfig( propertiesToFilter ); + const hasTypographyVariations = typographyVariations?.length > 1; + const { base, user: userConfig } = useContext( GlobalStylesContext ); const config = mergeBaseAndUserConfigs( base, userConfig ); const allFontFamilies = getFontFamilies( config ); const hasFonts = @@ -63,6 +69,7 @@ function TypesetButton() { }, [ allFontFamilies, userTypographyConfig, variations ] ); return ( + hasTypographyVariations && hasFonts && (