From f65a21d46c7e7eb3d55b439b9e4dc46095c92373 Mon Sep 17 00:00:00 2001
From: Boris Trombert <boris.trombert@infomaniak.com>
Date: Mon, 12 Aug 2024 15:49:34 +0200
Subject: [PATCH] allow app navigation buttons on pwa

Changelog: added
---
 .../components/global_header/left_controls/left_controls.tsx  | 4 +++-
 webapp/channels/src/utils/user_agent.tsx                      | 4 ++++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/webapp/channels/src/components/global_header/left_controls/left_controls.tsx b/webapp/channels/src/components/global_header/left_controls/left_controls.tsx
index 55e23a2347..91132b8a93 100644
--- a/webapp/channels/src/components/global_header/left_controls/left_controls.tsx
+++ b/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>
 );
 
diff --git a/webapp/channels/src/utils/user_agent.tsx b/webapp/channels/src/utils/user_agent.tsx
index e63f0582f7..9af67b1bfe 100644
--- a/webapp/channels/src/utils/user_agent.tsx
+++ b/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;
 }