fix: adds conditional small class to price ranges

openedx · Oct 2, 2024 · 4f7ee5c · 4f7ee5c
1 parent b1a9e7f
commit 4f7ee5c
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/src/components/course/CourseSidebarPrice.jsx b/src/components/course/CourseSidebarPrice.jsx
@@ -27,6 +27,7 @@ const CourseSidebarPrice = () => {
     return <Skeleton containerTestId="course-price-skeleton" height={24} />;
   }
   const originalPriceDisplay = getContentPriceDisplay(coursePrice.listRange);
+  const hasPriceRange = coursePrice.listRange.length > 1;
   const showOrigPrice = !enterpriseCustomer.hideCourseOriginalPrice;
   const crossedOutOriginalPrice = (
     <del>
@@ -36,7 +37,8 @@ const CourseSidebarPrice = () => {
           defaultMessage="Priced reduced from:"
           description="Message to indicate that the price has been reduced."
         />
-      </span>${originalPriceDisplay} {currency}
+      </span>
+      <span className={classNames({ small: hasPriceRange })}>${originalPriceDisplay} {currency}</span>
     </del>
   );