diff options
Diffstat (limited to 'webapp/components/suggestion')
-rw-r--r-- | webapp/components/suggestion/switch_channel_provider.jsx | 16 |
1 files changed, 14 insertions, 2 deletions
diff --git a/webapp/components/suggestion/switch_channel_provider.jsx b/webapp/components/suggestion/switch_channel_provider.jsx index 346721cd6..ba060d924 100644 --- a/webapp/components/suggestion/switch_channel_provider.jsx +++ b/webapp/components/suggestion/switch_channel_provider.jsx @@ -26,6 +26,8 @@ class SwitchChannelSuggestion extends Suggestion { render() { const {item, isSelection} = this.props; const channel = item.channel; + const globeIcon = Constants.GLOBE_ICON_SVG; + const lockIcon = Constants.LOCK_ICON_SVG; let className = 'mentions__name'; if (isSelection) { @@ -35,9 +37,19 @@ class SwitchChannelSuggestion extends Suggestion { let displayName = channel.display_name; let icon = null; if (channel.type === Constants.OPEN_CHANNEL) { - icon = <div className='status'><i className='fa fa-globe'/></div>; + icon = ( + <span + className='icon icon__globe icon--body' + dangerouslySetInnerHTML={{__html: globeIcon}} + /> + ); } else if (channel.type === Constants.PRIVATE_CHANNEL) { - icon = <div className='status'><i className='fa fa-lock'/></div>; + icon = ( + <span + className='icon icon__lock icon--body' + dangerouslySetInnerHTML={{__html: lockIcon}} + /> + ); } else if (channel.type === Constants.GM_CHANNEL) { displayName = getChannelDisplayName(channel); icon = <div className='status status--group'>{'G'}</div>; |