feature/default_network_editable
commit
86832e6feb
@ -0,0 +1,89 @@ |
||||
const connect = require('react-redux').connect |
||||
const Component = require('react').Component |
||||
const h = require('react-hyperscript') |
||||
const inherits = require('util').inherits |
||||
const actions = require('./actions') |
||||
|
||||
module.exports = connect(mapStateToProps)(EthStoreWarning) |
||||
|
||||
inherits(EthStoreWarning, Component) |
||||
function EthStoreWarning () { |
||||
Component.call(this) |
||||
} |
||||
|
||||
function mapStateToProps (state) { |
||||
return { |
||||
selectedAccount: state.metamask.selectedAccount, |
||||
} |
||||
} |
||||
|
||||
EthStoreWarning.prototype.render = function () { |
||||
|
||||
return ( |
||||
|
||||
h('.flex-column', { |
||||
key: 'ethWarning', |
||||
style: { |
||||
paddingTop: '25px', |
||||
marginRight: '30px', |
||||
marginLeft: '30px', |
||||
alignItems: 'center', |
||||
}, |
||||
}, [ |
||||
h('.warning', { |
||||
style: { |
||||
margin: '10px 10px 10px 10px', |
||||
}, |
||||
}, |
||||
`MetaMask is currently in beta -
|
||||
exercise caution while handling |
||||
and storing your ether. |
||||
`),
|
||||
|
||||
h('i.fa.fa-exclamation-triangle.fa-4', { |
||||
style: { |
||||
fontSize: '152px', |
||||
color: '#AEAEAE', |
||||
textAlign: 'center', |
||||
}, |
||||
}), |
||||
|
||||
h('.flex-row', { |
||||
style: { |
||||
marginTop: '25px', |
||||
marginBottom: '10px', |
||||
}, |
||||
}, [ |
||||
h('input', { |
||||
type: 'checkbox', |
||||
onChange: this.toggleShowWarning.bind(this, event), |
||||
}), |
||||
h('.warning', { |
||||
style: { |
||||
fontSize: '11px', |
||||
}, |
||||
|
||||
}, 'Dont show me this message again'), |
||||
]), |
||||
h('.flex-row', { |
||||
style: { |
||||
width: '100%', |
||||
justifyContent: 'space-around', |
||||
}, |
||||
}, [ |
||||
h('button', { |
||||
onClick: this.toAccounts.bind(this), |
||||
}, |
||||
'Continue to MetaMask'), |
||||
]), |
||||
]) |
||||
) |
||||
} |
||||
|
||||
EthStoreWarning.prototype.toggleShowWarning = function (event) { |
||||
this.props.dispatch(actions.agreeToEthWarning()) |
||||
} |
||||
|
||||
EthStoreWarning.prototype.toAccounts = function () { |
||||
this.props.dispatch(actions.showAccountDetail(this.props.account)) |
||||
} |
Loading…
Reference in new issue