From 7b990b4f6dd9ac103f83c0b7d1239b4c725a0de9 Mon Sep 17 00:00:00 2001
From: Geoffroy Begouaussel <geoffroy.begouaussel@pix.fr>
Date: Fri, 4 Oct 2024 15:31:53 +0200
Subject: [PATCH] feat(mon-pix): handle autonomous course description markdown

---
 .../autonomous-courses/create-autonomous-courses.js         | 3 +--
 .../autonomous-course/landing-page-start-block.hbs          | 6 +++---
 2 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/api/db/seeds/data/team-evaluation/autonomous-courses/create-autonomous-courses.js b/api/db/seeds/data/team-evaluation/autonomous-courses/create-autonomous-courses.js
index 352aa511889..15a933e9312 100644
--- a/api/db/seeds/data/team-evaluation/autonomous-courses/create-autonomous-courses.js
+++ b/api/db/seeds/data/team-evaluation/autonomous-courses/create-autonomous-courses.js
@@ -61,8 +61,7 @@ export default async function initUser(databaseBuilder) {
       code: `AUTOCOURS${i}`,
       name: `Parcours autonome n°${i}`,
       title: `Titre principal du parcours autonome n°${i}`,
-      customLandingPageText:
-        'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris eget tortor ut diam dictum viverra quis at purus. Morbi id quam a massa blandit gravida.',
+      customLandingPageText: `<strong>Lorem ipsum dolor sit amet</strong>, consectetur adipiscing elit. Mauris eget tortor ut diam dictum viverra quis at purus. Morbi id quam a massa blandit gravida.`,
       createdAt: dayjs().subtract(30, 'days').toDate(),
       idPixLabel: null,
       configCampaign: {
diff --git a/mon-pix/app/components/autonomous-course/landing-page-start-block.hbs b/mon-pix/app/components/autonomous-course/landing-page-start-block.hbs
index 66bfc5db607..26890b8d294 100644
--- a/mon-pix/app/components/autonomous-course/landing-page-start-block.hbs
+++ b/mon-pix/app/components/autonomous-course/landing-page-start-block.hbs
@@ -6,9 +6,9 @@
     {{t "pages.autonomous-course.landing-page.texts.title"}}<br />
     {{@campaign.title}}
   </h1>
-  <p class="autonomous-course-landing-page-start-block__description">
-    {{@campaign.customLandingPageText}}
-  </p>
+  <div class="autonomous-course-landing-page-start-block__description">
+    <MarkdownToHtml @markdown={{@campaign.customLandingPageText}} @isInline={{true}} />
+  </div>
   {{#if this.isUserConnected}}
     <PixButton
       id="autonomous-course-connected-start-button"