Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2025-02-09 00:18:00 +01:00
Code Issues Projects Releases Wiki Activity

feat: render markdown in toats (#9207)

Browse Source 
## 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)
This commit is contained in:
Gastón Fournier 2025-02-04 16:35:25 +01:00 committed by GitHub
parent ae65919f92
commit a4a5687687
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 4 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
frontend/src/component/common/ToastRenderer/Toast/Toast.tsx
View File

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