Merge branch 'arrow-only-for-pwa-and-desktop' into 'master'

allow app navigation buttons on pwa

See merge request kchat/webapp!871

webapp/channels/src/components/global_header/left_controls/left_controls.tsx

@@ -6,6 +6,8 @@ import styled from 'styled-components';
 
 import AppNameDisplay from 'components/app_name_display';
 
+import {isDesktopApp, isPWA} from 'utils/user_agent';
+
 import HistoryButtons from './history_buttons';
 
 const LeftControlsContainer = styled.div`
@@ -40,7 +42,7 @@ const LeftControls = ({headerRef}: {headerRef: React.RefObject<HTMLDivElement>})
     <LeftControlsContainer ref={headerRef}>
         {/* <ProductMenu/> */}
         <AppNameDisplay/>
-        <HistoryButtons/>
+        {(isDesktopApp() || isPWA()) && <HistoryButtons/>}
     </LeftControlsContainer>
 );
 

webapp/channels/src/utils/user_agent.tsx

@@ -51,6 +51,10 @@ iOS App:
 
 const userAgent = () => window.navigator.userAgent;
 
+export function isPWA(): boolean {
+    return window.matchMedia('(display-mode: standalone)').matches;
+}
+
 export function isChrome(): boolean {
     return userAgent().indexOf('Chrome') > -1 && userAgent().indexOf('Edge') === -1;
 }