update promo

yext · Nov 20, 2024 · ddb05e1 · ddb05e1
1 parent 31ea0b2
commit ddb05e1
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 18 deletions.
diff --git a/src/components/editor/FontSizeSelector.tsx b/src/components/editor/FontSizeSelector.tsx
@@ -83,7 +83,6 @@ export const FontSizeSelector = (): Field => {
                   tailwindConfig,
                   option.value
                 );
-                console.log(option.value, customFontSize);
                 const fontSizePx = customFontSize
                   ? customFontSize.toString()
                   : option.px;

diff --git a/src/components/puck/Promo.tsx b/src/components/puck/Promo.tsx
@@ -8,8 +8,7 @@ import {
   EntityField,
   YextEntityField,
   YextEntityFieldSelector,
-  NumberOrDefault,
-  NumberFieldWithDefaultOption,
+  FontSizeSelector,
 } from "../../index.js";
 import { Body } from "./atoms/body.js";
 import { CTA, CTAProps } from "./atoms/cta.js";
@@ -23,13 +22,13 @@ export interface PromoProps {
   orientation: "left" | "right";
   title: {
     text: YextEntityField<string>;
-    fontSize: NumberOrDefault;
+    fontSize: HeadingProps["fontSize"];
     color: HeadingProps["color"];
     transform: HeadingProps["transform"];
   };
   description: {
     text: YextEntityField<string>;
-    fontSize: NumberOrDefault;
+    fontSize: HeadingProps["fontSize"];
     color: HeadingProps["color"];
     transform: HeadingProps["transform"];
   };
@@ -42,7 +41,7 @@ export interface PromoProps {
   cta: {
     entityField: YextEntityField<CTAProps>;
     variant: CTAProps["variant"];
-    fontSize: NumberOrDefault;
+    fontSize: HeadingProps["fontSize"];
   };
 }
 
@@ -65,10 +64,7 @@ const promoFields: Fields<PromoProps> = {
           types: ["type.string"],
         },
       }),
-      fontSize: NumberFieldWithDefaultOption({
-        label: "Font Size",
-        defaultCustomValue: 48,
-      }),
+      fontSize: FontSizeSelector(),
       color: {
         label: "Font Color",
         type: "select",
@@ -104,10 +100,7 @@ const promoFields: Fields<PromoProps> = {
           types: ["type.string"],
         },
       }),
-      fontSize: NumberFieldWithDefaultOption({
-        label: "Font Size",
-        defaultCustomValue: 12,
-      }),
+      fontSize: FontSizeSelector(),
       color: {
         label: "Font Color",
         type: "select",
@@ -194,10 +187,7 @@ const promoFields: Fields<PromoProps> = {
           { label: "Link", value: "link" },
         ],
       },
-      fontSize: NumberFieldWithDefaultOption({
-        label: "Font Size",
-        defaultCustomValue: 12,
-      }),
+      fontSize: FontSizeSelector(),
     },
   },
 };