diff --git a/src/pages/home/sidebar/ChatSwitcherRow.js b/src/pages/home/sidebar/ChatSwitcherRow.js index 76dcf4bbbb4a..82afb56590fa 100644 --- a/src/pages/home/sidebar/ChatSwitcherRow.js +++ b/src/pages/home/sidebar/ChatSwitcherRow.js @@ -33,6 +33,8 @@ const ChatSwitcherRow = ({ const textStyle = optionIsFocused ? styles.sidebarLinkActiveText : styles.sidebarLinkText; + const textUnreadStyle = option.isUnread + ? [textStyle, styles.sidebarLinkTextUnread] : [textStyle]; return ( {option.text === option.alternateText ? ( - + {option.alternateText} ) : ( <> - + {option.text} - + {option.alternateText} diff --git a/src/pages/home/sidebar/ChatSwitcherView.js b/src/pages/home/sidebar/ChatSwitcherView.js index 9b3be84e24a6..abd3999fd70d 100644 --- a/src/pages/home/sidebar/ChatSwitcherView.js +++ b/src/pages/home/sidebar/ChatSwitcherView.js @@ -363,6 +363,7 @@ class ChatSwitcherView extends React.Component { reportID: report.reportID, type: OPTION_TYPE.REPORT, participants: report.participants, + isUnread: report.unreadActionCount > 0 })) .value();