feat(deep-linking): hide web button on unsupported browsers

lang/main.json

@@ -121,6 +121,7 @@
     "deepLinking": {
         "appNotInstalled": "You need the __app__ mobile app to join this meeting on your phone.",
         "description": "Nothing happened? We tried launching your meeting in the __app__ desktop app. Try again or launch it in the __app__ web app.",
+        "descriptionWithoutWeb": "Nothing happened? We tried launching your meeting in the __app__ desktop app.",
         "downloadApp": "Download the app",
         "launchWebButton": "Launch in web",
         "openApp": "Continue to the app",

react/features/deep-linking/components/DeepLinkingDesktopPage.web.js

@@ -7,6 +7,7 @@ import { connect } from '../../base/redux';
 import type { Dispatch } from 'redux';
 
 import { createDeepLinkingPageEvent, sendAnalytics } from '../../analytics';
+import { isSupportedBrowser } from '../../base/environment';
 import { translate } from '../../base/i18n';
 
 import {
@@ -107,8 +108,12 @@ class DeepLinkingDesktopPage<P : Props> extends Component<P> {
                                 </h1>
                                 <p className = 'description'>
                                     {
-                                        t(`${_TNS}.description`,
-                                            { app: NATIVE_APP_NAME })
+                                        t(
+                                            `${_TNS}.${isSupportedBrowser()
+                                                ? 'description'
+                                                : 'descriptionWithoutWeb'}`,
+                                            { app: NATIVE_APP_NAME }
+                                        )
                                     }
                                 </p>
                                 <div className = 'buttons'>
@@ -118,9 +123,12 @@ class DeepLinkingDesktopPage<P : Props> extends Component<P> {
                                             onClick = { this._onTryAgain }>
                                             { t(`${_TNS}.tryAgainButton`) }
                                         </Button>
-                                        <Button onClick = { this._onLaunchWeb }>
-                                            { t(`${_TNS}.launchWebButton`) }
-                                        </Button>
+                                        {
+                                            isSupportedBrowser()
+                                                && <Button onClick = { this._onLaunchWeb }>
+                                                    { t(`${_TNS}.launchWebButton`) }
+                                                </Button>
+                                        }
                                     </ButtonGroup>
                                 </div>
                             </div>