From ef3b094a7c1dedcbf59cc8e3a809ec60f1b28c17 Mon Sep 17 00:00:00 2001
From: Bill <billsonnn@live.com>
Date: Wed, 16 Mar 2022 05:22:58 -0400
Subject: [PATCH] Allow html in bubble alerts

---
 .../views/bubble-layouts/NotificationDefaultBubbleView.tsx    | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/notification-center/views/bubble-layouts/NotificationDefaultBubbleView.tsx b/src/components/notification-center/views/bubble-layouts/NotificationDefaultBubbleView.tsx
index d1d78563..b778ff58 100644
--- a/src/components/notification-center/views/bubble-layouts/NotificationDefaultBubbleView.tsx
+++ b/src/components/notification-center/views/bubble-layouts/NotificationDefaultBubbleView.tsx
@@ -10,6 +10,8 @@ export interface NotificationDefaultBubbleViewProps extends LayoutNotificationBu
 export const NotificationDefaultBubbleView: FC<NotificationDefaultBubbleViewProps> = props =>
 {
     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 }>
@@ -17,7 +19,7 @@ export const NotificationDefaultBubbleView: FC<NotificationDefaultBubbleViewProp
                 { (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>
     );
 }