From a4a5687687fe767362ad91aaff9e086b21b1f6ec Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Gast=C3=B3n=20Fournier?= <gaston@getunleash.io>
Date: Tue, 4 Feb 2025 16:35:25 +0100
Subject: [PATCH] feat: render markdown in toats (#9207)

## About the changes
Toasts sometimes render messages that are in markdown format. This
changes how we display them from

![image](https://github.com/user-attachments/assets/61930d1d-b54c-49a0-b982-af1484cd2981)
to this:
![Screenshot from 2025-02-04
15-23-36](https://github.com/user-attachments/assets/a569345c-abf5-4d9d-9cf6-4c94701689c7)
---
 frontend/src/component/common/ToastRenderer/Toast/Toast.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/frontend/src/component/common/ToastRenderer/Toast/Toast.tsx b/frontend/src/component/common/ToastRenderer/Toast/Toast.tsx
index e95e23d3d6..0585b02c69 100644
--- a/frontend/src/component/common/ToastRenderer/Toast/Toast.tsx
+++ b/frontend/src/component/common/ToastRenderer/Toast/Toast.tsx
@@ -6,6 +6,7 @@ import CheckMarkBadge from 'component/common/CheckmarkBadge/CheckMarkBadge';
 import UIContext from 'contexts/UIContext';
 import Close from '@mui/icons-material/Close';
 import type { IToast } from 'interfaces/toast';
+import { Markdown } from 'component/common/Markdown/Markdown';
 
 const Toast = ({ text, type }: IToast) => {
     const { setToast } = useContext(UIContext);
@@ -20,7 +21,9 @@ const Toast = ({ text, type }: IToast) => {
         <div className={classnames(styles.container, 'dropdown-outline')}>
             <CheckMarkBadge type={type} className={styles.checkMark} />
 
-            <h3 className={styles.headerStyles}>{text}</h3>
+            <h3 className={styles.headerStyles}>
+                <Markdown>{text}</Markdown>
+            </h3>
 
             <Tooltip title='Close' arrow>
                 <IconButton