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:
parent
986bb74501
commit
313090efcc
@ -177,10 +177,35 @@ class ConnectHardwareForm extends Component {
|
|||||||
: null
|
: 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 () {
|
render () {
|
||||||
return h('div.new-account-create-form', [
|
return h('div.new-account-create-form', [
|
||||||
this.renderError(),
|
this.renderError(),
|
||||||
this.renderConnectButton(),
|
this.renderConnectScreen(),
|
||||||
this.renderAccounts(),
|
this.renderAccounts(),
|
||||||
this.renderPagination(),
|
this.renderPagination(),
|
||||||
this.renderButtons(),
|
this.renderButtons(),
|
||||||
|
@ -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 {
|
.hw-account-list {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex: 1;
|
flex: 1;
|
||||||
|
Loading…
Reference in New Issue
Block a user