1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 09:52:26 +01:00

added message for non-chrome browsers

This commit is contained in:
brunobar79 2018-07-05 16:11:41 -04:00
parent 986bb74501
commit 313090efcc
2 changed files with 39 additions and 1 deletions

View File

@ -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(),

View File

@ -153,6 +153,19 @@
}
}
.hw-unsupported-browser {
&__title {
padding-top: 10px;
}
&__msg {
font-size: 14px;
color: #9b9b9b;
margin-top: 15px;
margin-bottom: 15px;
}
}
.hw-account-list {
display: flex;
flex: 1;