Fix font library modal prop typo

WordPress · Sep 10, 2023 · e0f3f70 · e0f3f70
1 parent 83ae921
commit e0f3f70
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 8 deletions.
diff --git 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 && (
 				<FontLibraryModal
 					onRequestClose={ () => 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
@@ -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,