From fa181da047df1c5e871eee9539b937b46008fb07 Mon Sep 17 00:00:00 2001
From: cballevre <celestin.ballevre@protonmail.com>
Date: Thu, 5 Sep 2024 11:34:41 +0200
Subject: [PATCH] feat(Announcements): Allow markdown inside content

---
 .../Announcements/AnnouncementsDialogContent.tsx          | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/components/Announcements/AnnouncementsDialogContent.tsx b/src/components/Announcements/AnnouncementsDialogContent.tsx
index 5d37a11b2..c71f269d2 100644
--- a/src/components/Announcements/AnnouncementsDialogContent.tsx
+++ b/src/components/Announcements/AnnouncementsDialogContent.tsx
@@ -1,7 +1,9 @@
 import React, { FC } from 'react'
+
 import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 import Typography from 'cozy-ui/transpiled/react/Typography'
 import Buttons from 'cozy-ui/transpiled/react/Buttons'
+import Markdown from 'cozy-ui/transpiled/react/Markdown'
 
 import { Announcement } from './types'
 import { useAnnouncementsImage } from 'hooks/useAnnouncementsImage'
@@ -65,9 +67,9 @@ const AnnouncementsDialogContent: FC<AnnouncementsDialogContentProps> = ({
           t('AnnouncementsDialogContent.dateFormat')
         )}
       </Typography>
-      <Typography align="center" className="u-mb-1">
-        {announcement.attributes.content}
-      </Typography>
+      <div className="u-ta-center u-maw-100">
+        <Markdown content={announcement.attributes.content} />
+      </div>
       {announcement.attributes.main_action ? (
         <Buttons
           className="u-mb-half"