nitro/nitro-react
1
0
Fork 0
mirror of https://github.com/billsonnn/nitro-react.git synced 2025-02-17 01:12:37 +01:00
Code Issues Packages Projects Releases Wiki Activity

Allow html in bubble alerts

Browse Source
This commit is contained in:
Bill 2022-03-16 05:22:58 -04:00
parent 6394b9d2f4
commit ef3b094a7c
1 changed files with 3 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/notification-center/views/bubble-layouts/NotificationDefaultBubbleView.tsx
View File

@ -11,13 +11,15 @@ export const NotificationDefaultBubbleView: FC<NotificationDefaultBubbleViewProp
{
const { item = null, close = null, ...rest } = props;
const htmlText = item.message.replace(/\r\n|\r|\n/g, '<br />');
return (
<LayoutNotificationBubbleView close={ close } gap={ 2 } alignItems="center" { ...rest }>
<Flex center className="bubble-image-container">
{ (item.iconUrl && item.iconUrl.length) &&
<img className="no-select" src={ item.iconUrl } alt="" /> }
</Flex>
<Text wrap variant="white">{ item.message }</Text>
<Text wrap variant="white" dangerouslySetInnerHTML={ { __html: htmlText } } />
</LayoutNotificationBubbleView>
);
}