From ded48bcc3d66709e9687938191a09ff01b87056f Mon Sep 17 00:00:00 2001
From: Sean Yesmunt <sean@lbry.io>
Date: Fri, 30 Apr 2021 00:39:55 -0400
Subject: [PATCH] wrap notification text in <LbcMessage> to handle text with
 'LBC'

---
 ui/component/notification/view.jsx | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/ui/component/notification/view.jsx b/ui/component/notification/view.jsx
index 1f1d15354..08e4cea8e 100644
--- a/ui/component/notification/view.jsx
+++ b/ui/component/notification/view.jsx
@@ -16,6 +16,7 @@ import { PAGE_VIEW_QUERY, DISCUSSION_PAGE } from 'page/channel/view';
 import FileThumbnail from 'component/fileThumbnail';
 import { Menu, MenuList, MenuButton, MenuItem } from '@reach/menu-button';
 import NotificationContentChannelMenu from 'component/notificationContentChannelMenu';
+import LbcMessage from 'component/common/lbc-message';
 
 type Props = {
   notification: WebNotification,
@@ -134,17 +135,23 @@ export default function Notification(props: Props) {
           <div className="notification__content">
             <div className="notification__text-wrapper">
               {!isCommentNotification && (
-                <div className="notification__title">{notification_parameters.device.title}</div>
+                <div className="notification__title">
+                  <LbcMessage>{notification_parameters.device.title}</LbcMessage>
+                </div>
               )}
 
               {isCommentNotification && commentText ? (
                 <>
-                  <div className="notification__title">{notification_parameters.device.title}</div>
+                  <div className="notification__title">
+                    <LbcMessage>{notification_parameters.device.title}</LbcMessage>
+                  </div>
                   <div className="notification__text mobile-hidden">{commentText}</div>
                 </>
               ) : (
                 <>
-                  <div className="notification__text">{notification_parameters.device.text}</div>
+                  <div className="notification__text">
+                    <LbcMessage>{notification_parameters.device.text}</LbcMessage>
+                  </div>
                 </>
               )}
             </div>