diff --git a/packages/edit-site/src/components/global-styles/font-families.js b/packages/edit-site/src/components/global-styles/font-families.js index 7d8afa6b3b22c3..06bf5953283323 100644 --- a/packages/edit-site/src/components/global-styles/font-families.js +++ b/packages/edit-site/src/components/global-styles/font-families.js @@ -23,15 +23,15 @@ import FontFamilyItem from './font-family-item'; import Subtitle from './subtitle'; function FontFamilies() { - const { modalTabOepn, toggleModal, themeFonts, customFonts } = + const { modalTabOpen, toggleModal, themeFonts, customFonts } = useContext( FontLibraryContext ); return ( <> - { !! modalTabOepn && ( + { !! modalTabOpen && ( toggleModal() } - initialTabName={ modalTabOepn } + initialTabName={ modalTabOpen } /> ) } diff --git a/packages/edit-site/src/components/global-styles/font-library-modal/context.js b/packages/edit-site/src/components/global-styles/font-library-modal/context.js index d07c32e870fe67..6c93a1d4efbc38 100644 --- a/packages/edit-site/src/components/global-styles/font-library-modal/context.js +++ b/packages/edit-site/src/components/global-styles/font-library-modal/context.js @@ -88,7 +88,7 @@ function FontLibraryProvider( { children } ) { }; // Library Fonts - const [ modalTabOepn, setModalTabOepn ] = useState( false ); + const [ modalTabOpen, setModalTabOpen ] = useState( false ); const [ libraryFontSelected, setLibraryFontSelected ] = useState( null ); const baseThemeFonts = baseFontFamilies?.theme @@ -116,10 +116,10 @@ function FontLibraryProvider( { children } ) { : []; useEffect( () => { - if ( ! modalTabOepn ) { + if ( ! modalTabOpen ) { setLibraryFontSelected( null ); } - }, [ modalTabOepn ] ); + }, [ modalTabOpen ] ); const handleSetLibraryFontSelected = ( font ) => { // If font is null, reset the selected font @@ -141,7 +141,7 @@ function FontLibraryProvider( { children } ) { }; const toggleModal = ( tabName ) => { - setModalTabOepn( tabName || null ); + setModalTabOpen( tabName || null ); }; // Demo @@ -327,7 +327,7 @@ function FontLibraryProvider( { children } ) { uninstallFont, toggleActivateFont, getAvailableFontsOutline, - modalTabOepn, + modalTabOpen, toggleModal, refreshLibrary, saveFontFamilies,