-
Notifications
You must be signed in to change notification settings - Fork 216
/
NoWeb3.js
53 lines (51 loc) · 1.93 KB
/
NoWeb3.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
import React, { Component } from 'react'
import { ButtonMetamask } from '../Common/ButtonMetamask'
import { ButtonNiftyWallet } from '../Common/ButtonNiftyWallet'
export default class NoWeb3 extends Component {
goToURL = theURL => {
window.open(theURL, '_blank')
}
render() {
return (
<section className="sw-NoWeb3">
<div className="sw-NoWeb3_Background background-blur" />
<div className="sw-NoWeb3_Container">
<div className="sw-NoWeb3_Block">
<div className="sw-NoWeb3_InfoIcon" />
<h1 className="sw-NoWeb3_Title">Wallet not found, or access to your Ethereum account was not granted.</h1>
<p className="sw-NoWeb3_Description">
If a wallet extension is installed on your web browser, please verify that access to your Ethereum account
has been granted and that it's available for this domain.<br />
<strong>Need more help?</strong>
<br />
<a href="https://poanet.zendesk.com/hc/en-us/categories/360000586593-Wallets" target="blank">
Wallets HowTo
</a>{' '}
-{' '}
<a href="https://github.com/poanetwork/token-wizard/wiki" target="blank">
Token Wizard Wiki
</a>
</p>
<div className="sw-NoWeb3_ButtonsContainer">
<ButtonMetamask
onClick={() => {
this.goToURL('https://metamask.io/')
}}
/>
<ButtonNiftyWallet
onClick={() => {
this.goToURL(
'https://chrome.google.com/webstore/detail/nifty-wallet/jbdaocneiiinmjbjlgalhcelgbejmnid?hl=en'
)
}}
/>
<a className="sw-NoWeb3_Button" href="/">
Cancel
</a>
</div>
</div>
</div>
</section>
)
}
}