Check for existing font family using GET /font-families?slug=.

WordPress · Jan 16, 2024 · 6648afc · 6648afc
1 parent ac9f29d
commit 6648afc
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 3 deletions.
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
@@ -14,6 +14,7 @@ import {
  * Internal dependencies
  */
 import {
+	fetchGetFontFamilyBySlug,
 	fetchInstallFontFamily,
 	fetchUninstallFonts,
 	fetchFontCollections,
@@ -203,9 +204,13 @@ function FontLibraryProvider( { children } ) {
 		setIsInstalling( true );
 		try {
 			// Get the ID of the font family post, if it is already installed.
-			let fontFamilyId = libraryPosts.filter(
-				( post ) => post.font_family_settings.slug === font.slug
-			)[ 0 ]?.id;
+			let fontFamilyId = await fetchGetFontFamilyBySlug( font.slug )
+				.then( ( response ) => response?.[ 0 ]?.id )
+				.catch( ( e ) => {
+					// eslint-disable-next-line no-console
+					console.error( e );
+					return null;
+				} );
 
 			// Otherwise, install it.
 			if ( ! fontFamilyId ) {

diff --git a/packages/edit-site/src/components/global-styles/font-library-modal/resolvers.js b/packages/edit-site/src/components/global-styles/font-library-modal/resolvers.js
@@ -25,6 +25,14 @@ export async function fetchInstallFontFace( fontFamilyId, data ) {
 	return apiFetch( config );
 }
 
+export async function fetchGetFontFamilyBySlug( slug ) {
+	const config = {
+		path: `/wp/v2/font-families?slug=${ slug }`,
+		method: 'GET',
+	};
+	return apiFetch( config );
+}
+
 export async function fetchUninstallFonts( fonts ) {
 	const data = {
 		font_families: fonts,