wrap notification text in <LbcMessage> to handle text with 'LBC'

This commit is contained in:
Sean Yesmunt 2021-04-30 00:39:55 -04:00
parent f04267ffc6
commit ded48bcc3d

View file

@ -16,6 +16,7 @@ import { PAGE_VIEW_QUERY, DISCUSSION_PAGE } from 'page/channel/view';
import FileThumbnail from 'component/fileThumbnail'; import FileThumbnail from 'component/fileThumbnail';
import { Menu, MenuList, MenuButton, MenuItem } from '@reach/menu-button'; import { Menu, MenuList, MenuButton, MenuItem } from '@reach/menu-button';
import NotificationContentChannelMenu from 'component/notificationContentChannelMenu'; import NotificationContentChannelMenu from 'component/notificationContentChannelMenu';
import LbcMessage from 'component/common/lbc-message';
type Props = { type Props = {
notification: WebNotification, notification: WebNotification,
@ -134,17 +135,23 @@ export default function Notification(props: Props) {
<div className="notification__content"> <div className="notification__content">
<div className="notification__text-wrapper"> <div className="notification__text-wrapper">
{!isCommentNotification && ( {!isCommentNotification && (
<div className="notification__title">{notification_parameters.device.title}</div> <div className="notification__title">
<LbcMessage>{notification_parameters.device.title}</LbcMessage>
</div>
)} )}
{isCommentNotification && commentText ? ( {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 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> </div>