Merge pull request #22 from deco-sites/task/9934-bf

Task/9934 bf
deco-sites · Nov 21, 2023 · b34538a · b34538a
2 parents 96eb521 + e839ac0
commit b34538a
Show file tree

Hide file tree

Showing 3 changed files with 31 additions and 20 deletions.
diff --git a/components/product/ProductAsideInfo.tsx b/components/product/ProductAsideInfo.tsx
@@ -19,6 +19,33 @@ function ProductAsideInfo({
     offers,
   );
 
+  const PricePDP = () => {
+    if (typeof price === "number" && typeof listPrice === "number") {
+      if(listPrice !== price){
+        return (
+          <>
+            <div class="flex flex-row gap-2 items-center">
+              <span class="line-through text-base-300 text-xs">
+                {formatPrice(listPrice, offers!.priceCurrency!)}
+              </span>
+              <strong class="text-2xl text-main-bf-theme">
+                {formatPrice(price, offers!.priceCurrency!)}
+              </strong>
+            </div>
+          </>
+        );
+      } else {
+        return (
+          <strong class="text-2xl text-main-bf-theme">
+            {formatPrice(price, offers!.priceCurrency!)}
+          </strong>
+        );
+      }
+    }
+
+    return <></>;
+  }
+
   const currentURL = window.location?.href;
 
   return (
@@ -43,23 +70,7 @@ function ProductAsideInfo({
       {availability === "https://schema.org/InStock"
         ? (
           <div class="mt-5">
-            <span class="text-main-bf-theme">
-              {" "}
-              <strong class="text-2xl text-main-bf-theme">
-                {formatPrice(price! * 0.94, offers!.priceCurrency)}
-              </strong>{" "}
-              à vista ou
-            </span>
-            <div class="flex flex-row gap-2 items-center">
-              {listPrice !== price && (
-                <span class="line-through text-base-300 text-xs">
-                  {formatPrice(listPrice, offers!.priceCurrency!)}
-                </span>
-              )}
-              <span class="font-medium text-xl text-[#999BA2]">
-                {formatPrice(price, offers!.priceCurrency!)}
-              </span>
-            </div>
+            <PricePDP />
             <div class="flex flex-col">
               <span class="text-[#4A4B51]">
                 em até <strong>{installment?.billingDuration}x</strong> de{" "}

diff --git a/components/product/ProductCard.tsx b/components/product/ProductCard.tsx
@@ -331,13 +331,13 @@ function ProductCard(
             <>
               {l?.hide.allPrices ? "" : (
                 <div class="flex flex-col mt-2">
-                  <div class="text-xs font-normal text-gray-800 mt-[5px]">
+                  {/* <div class="text-xs font-normal text-gray-800 mt-[5px]">
                     <span class="text-[1.0rem] text-main-bf-theme font-bold">
                       {formatPrice(price! * 0.94, offers!.priceCurrency!)}
                       {" "}
                     </span>
                     à vista ou
-                  </div>
+                  </div> */}
                   <div
                     class={`flex items-center gap-2.5 ${l?.basics?.oldPriceSize === "Normal" ? "lg:flex-row" : ""
                       } ${align === "center" ? "justify-center" : "justify-start"

diff --git a/static/tailwind.css b/static/tailwind.css