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

This commit is contained in:
Leonard Kim 2019-06-06 18:15:30 -07:00 committed by virtuacoplenny
parent cf23045f8d
commit d65a068fdb
2 changed files with 14 additions and 5 deletions

View File

@ -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",

View File

@ -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>