diff --git a/react/features/notifications/components/native/Notification.tsx b/react/features/notifications/components/native/Notification.tsx index fe27cfdc89..1d3641b720 100644 --- a/react/features/notifications/components/native/Notification.tsx +++ b/react/features/notifications/components/native/Notification.tsx @@ -149,7 +149,7 @@ const Notification = ({ const titleText = title || (titleKey && t(titleKey, titleArguments)); const descriptionArray = _getDescription(); - if (descriptionArray?.length) { + if (descriptionArray?.length && titleText) { return ( <> ); + } else if (descriptionArray?.length && !titleText) { + return ( + <> + { + descriptionArray.map((line, index) => ( + + { line.length >= CHAR_LIMIT ? line : replaceNonUnicodeEmojis(line) } + + )) + } + + ); + } else { + return ( + + { titleText } + + ); } - - return ( - - { titleText } - - ); }; return ( diff --git a/react/features/notifications/components/native/styles.ts b/react/features/notifications/components/native/styles.ts index 1f4c2c1e60..d6815766b5 100644 --- a/react/features/notifications/components/native/styles.ts +++ b/react/features/notifications/components/native/styles.ts @@ -49,6 +49,12 @@ export default { paddingTop: BaseTheme.spacing[1] }, + contentTextDescription: { + color: BaseTheme.palette.text04, + paddingLeft: BaseTheme.spacing[4], + paddingTop: BaseTheme.spacing[2] + }, + contentTextTitleDescription: { color: BaseTheme.palette.text04, fontWeight: 'bold',