Merge pull request #30 from mehimanshupatil/font-name-error

codeAdrian · web-flow · commit 6e9a9f018f89 · 2022-07-29T07:58:43.000+02:00
fixed classname add logic on font load
diff --git a/utils/fontListener.ts b/utils/fontListener.ts
@@ -11,8 +11,10 @@ export const fontListener = ({ fontNames, scope }) => {
     addClassName("all");
   }
 
-  function handleFontLoad(fontName: string) {
-    addClassName(fontName);
+  function handleFontLoad(fontFaces: FontFace[]) {
+    fontFaces.forEach((fontFace) => {
+      addClassName(fontFace.family);
+    })
   }
 
   function fontMapper(fontName) {
@@ -37,7 +39,7 @@ export const fontListener = ({ fontNames, scope }) => {
     errorFallback();
   }
 
-  function addClassName(fontName) {
+  function addClassName(fontName: string) {
     document[targetElement].classList.add(`wf-${kebabCase(fontName)}`);
   }
 

Original file line number	Diff line number	Diff line change
`@@ -11,8 +11,10 @@ export const fontListener = ({ fontNames, scope }) => {`
`11`	`11`	`addClassName("all");`
`12`	`12`	`}`
`13`	`13`
`14`		`- function handleFontLoad(fontName: string) {`
`15`		`- addClassName(fontName);`
	`14`	`+ function handleFontLoad(fontFaces: FontFace[]) {`
	`15`	`+ fontFaces.forEach((fontFace) => {`
	`16`	`+ addClassName(fontFace.family);`
	`17`	`+ })`
`16`	`18`	`}`
`17`	`19`
`18`	`20`	`function fontMapper(fontName) {`
`@@ -37,7 +39,7 @@ export const fontListener = ({ fontNames, scope }) => {`
`37`	`39`	`errorFallback();`
`38`	`40`	`}`
`39`	`41`
`40`		`- function addClassName(fontName) {`
	`42`	`+ function addClassName(fontName: string) {`
`41`	`43`	document[targetElement].classList.add(`wf-${kebabCase(fontName)}`);
`42`	`44`	`}`
`43`	`45`