wrap notification text in <LbcMessage> to handle text with 'LBC'
This commit is contained in:
parent
f04267ffc6
commit
ded48bcc3d
1 changed files with 10 additions and 3 deletions
|
@ -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>
|
||||||
|
|
Loading…
Reference in a new issue