diff options
Diffstat (limited to 'webapp/components/sidebar.jsx')
| -rw-r--r-- | webapp/components/sidebar.jsx | 28 |
1 files changed, 15 insertions, 13 deletions
diff --git a/webapp/components/sidebar.jsx b/webapp/components/sidebar.jsx index 798ce5691..25ad51ba9 100644 --- a/webapp/components/sidebar.jsx +++ b/webapp/components/sidebar.jsx @@ -827,15 +827,22 @@ export default class Sidebar extends React.Component { ); } - const quickSwitchText = 'channel_switch_modal.title'; - - let quickSwitchTextShortcut = 'quick_switch_modal.channelsShortcut.windows'; - let quickSwitchDefault = '- CTRL+K'; + let quickSwitchTextShortcutId = 'quick_switch_modal.channelsShortcut.windows'; + let quickSwitchTextShortcutDefault = '- CTRL+K'; if (Utils.isMac()) { - quickSwitchTextShortcut = 'quick_switch_modal.channelsShortcut.mac'; - quickSwitchDefault = '- ⌘K'; + quickSwitchTextShortcutId = 'quick_switch_modal.channelsShortcut.mac'; + quickSwitchTextShortcutDefault = '- ⌘K'; } + const quickSwitchTextShortcut = ( + <span className='switch__shortcut hidden-xs'> + <FormattedMessage + id={quickSwitchTextShortcutId} + defaultMessage={quickSwitchTextShortcutDefault} + /> + </span> + ); + return ( <div className='sidebar--left' @@ -946,15 +953,10 @@ export default class Sidebar extends React.Component { dangerouslySetInnerHTML={{__html: switchChannelIcon}} /> <FormattedMessage - id={quickSwitchText} + id={'channel_switch_modal.title'} defaultMessage='Switch Channels' /> - <span className='switch__shortcut'> - <FormattedMessage - id={quickSwitchTextShortcut} - defaultMessage={quickSwitchDefault} - /> - </span> + {quickSwitchTextShortcut} </button> </div> </div> |