fix discount bug + font dif on lesson page

src/lib/components/Course/components/Lesson/Materials/components/ComponentNote.svelte

@@ -16,7 +16,7 @@
 </script>
 
 {#if !isNoteEmpty($lesson.materials?.note)}
-  <article class="preview prose prose-sm sm:prose p-2">
+  <div>
     {@html $lesson.materials.note}
-  </article>
+  </div>
 {/if}

src/lib/components/Course/components/Lesson/Materials/index.svelte

@@ -34,6 +34,7 @@
   import ComponentNote from './components/ComponentNote.svelte';
   import ComponentSlide from './components/ComponentSlide.svelte';
   import ComponentVideo from './components/ComponentVideo.svelte';
+  import HtmlRender from '$lib/components/HTMLRender/HTMLRender.svelte';
 
   export let mode = MODES.view;
   export let prevMode = '';
@@ -234,6 +235,8 @@
   <VideoUploader {lessonId} />
 </Modal>
 
+<HtmlRender>
+  <svelte:fragment slot="content">
     <h1 class="text-4xl mt-0 capitalize">
       {lessonTitle}
     </h1>
@@ -375,3 +378,5 @@
         <PrimaryButton label="Get started" className="rounded-md" onClick={toggleMode} />
       </Box>
     {/if}
+  </svelte:fragment>
+</HtmlRender>

src/lib/components/CourseLandingPage/components/PricingSection.svelte

@@ -21,8 +21,8 @@
   let formatter: Intl.NumberFormat | undefined;
   let isFree = false;
 
-  function calcDisc(percent: number, cost: number) {
+  function calcDisc(percent: number, cost: number, showDiscount: boolean) {
-    if (!percent) return cost;
+    if (!percent || !showDiscount) return cost;
     const discountAmount = (percent / 100) * cost;
     const discountedPrice = cost - discountAmount;
     return Math.round(discountedPrice);
@@ -51,8 +51,9 @@
   }
 
   $: setFormatter(courseData.currency);
+
   $: discount = get(courseData, 'metadata.discount', 0);
-  $: calculatedCost = calcDisc(discount, courseData.cost || 0);
+  $: calculatedCost = calcDisc(discount, courseData.cost || 0, courseData.metadata.showDiscount);
   $: isFree = isCourseFree(calculatedCost);
 </script>
 

src/lib/components/HTMLRender/HTMLRender.svelte

@@ -6,5 +6,9 @@
 </script>
 
 <article class="preview prose prose-sm sm:prose {className}">
+  {#if $$slots.content}
+    <slot name="content" />
+  {:else}
     {@html marked(content, { breaks: true, gfm: true })}
+  {/if}
 </article>