From 244b15ea5b7039ecca1614140cbcf62ba3379184 Mon Sep 17 00:00:00 2001
From: Saturnino Abril <saturnino.abril@gmail.com>
Date: Thu, 27 Jul 2017 13:27:12 +0800
Subject: [PLT-7069] Remove shortcut key on Switch Channels when viewing on
 mobile web (#7012)

* remove shortcut key on Switch Channels when viewing on mobile web

* apply hidden-xs class for mobile view
---
 webapp/components/sidebar.jsx | 28 +++++++++++++++-------------
 1 file changed, 15 insertions(+), 13 deletions(-)

(limited to 'webapp/components/sidebar.jsx')

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>
-- 
cgit v1.2.3-1-g7c22

