diff options
Diffstat (limited to 'ui/app/components/pages')
-rw-r--r-- | ui/app/components/pages/create-account/connect-hardware.js | 27 |
1 files changed, 26 insertions, 1 deletions
diff --git a/ui/app/components/pages/create-account/connect-hardware.js b/ui/app/components/pages/create-account/connect-hardware.js index d022d7487..c51b4c773 100644 --- a/ui/app/components/pages/create-account/connect-hardware.js +++ b/ui/app/components/pages/create-account/connect-hardware.js @@ -177,10 +177,35 @@ class ConnectHardwareForm extends Component { : null } + renderUnsupportedBrowser () { + return ( + [h('div.hw-unsupported-browser', [ + h('h3.hw-unsupported-browser__title', {}, 'Bummer! Your Browser is not supported...'), + h('p.hw-unsupported-browser__msg', {}, 'You need to use Metamask on Google Chrome in order to connect to your TREZOR device.'), + ]), + h( + 'button.btn-primary.btn--large', + { onClick: () => global.platform.openWindow({ + url: 'https://google.com/chrome', + }), style: { margin: 12 } }, + 'Download Google Chrome' + )] + ) + } + + renderConnectScreen () { + const isChrome = window.navigator.userAgent.search('Chrome') !== -1 + if (isChrome) { + return this.renderConnectButton() + } else { + return this.renderUnsupportedBrowser() + } + } + render () { return h('div.new-account-create-form', [ this.renderError(), - this.renderConnectButton(), + this.renderConnectScreen(), this.renderAccounts(), this.renderPagination(), this.renderButtons(), |