diff --git a/web/react/components/channel_notifications.jsx b/web/react/components/channel_notifications.jsx index 83067240dd..9eda68b38b 100644 --- a/web/react/components/channel_notifications.jsx +++ b/web/react/components/channel_notifications.jsx @@ -163,10 +163,22 @@ export default class ChannelNotifications extends React.Component { }.bind(this); let curChannel = ChannelStore.get(this.state.channelId); - let extraInfo = (These settings will override the global notification settings); + let extraInfo = ( + + These settings will override the global notification settings. +
+ Desktop notifications are available on Firefox, Safari, and Chrome. +
+ ); if (curChannel && curChannel.display_name) { - extraInfo = (These settings will override the global notification settings for the {curChannel.display_name} channel); + extraInfo = ( + + These settings will override the global notification settings for the {curChannel.display_name} channel. +
+ Desktop notifications are available on Firefox, Safari, and Chrome. +
+ ); } return ( diff --git a/web/react/components/user_settings/user_settings_notifications.jsx b/web/react/components/user_settings/user_settings_notifications.jsx index 8d364cde77..ba14f019fa 100644 --- a/web/react/components/user_settings/user_settings_notifications.jsx +++ b/web/react/components/user_settings/user_settings_notifications.jsx @@ -265,9 +265,12 @@ export default class NotificationsTab extends React.Component { e.preventDefault(); }.bind(this); + const extraInfo = {'Desktop notifications are available on Firefox, Safari, and Chrome.'}; + desktopSection = ( {'Desktop notification sounds are available on Firefox, Safari, Chrome, Internet Explorer, and Edge.'}; + soundSection = (