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

Convert ConnectHardwareForm component to JSX (#7517)

This commit is contained in:
Whymarrh Whitby 2019-11-23 14:44:09 -03:30 committed by GitHub
parent 80badb10c1
commit 49dfb5ec2c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -1,6 +1,5 @@
const { Component } = require('react')
import React, { Component } from 'react'
const PropTypes = require('prop-types')
const h = require('react-hyperscript')
const connect = require('react-redux').connect
const actions = require('../../../store/actions')
const { getMetaMaskAccounts } = require('../../../selectors/selectors')
@ -176,40 +175,53 @@ class ConnectHardwareForm extends Component {
renderError () {
return this.state.error
? h('span.error', { style: { margin: '20px 20px 10px', display: 'block', textAlign: 'center' } }, this.state.error)
? (
<span
className="error"
style={{ margin: '20px 20px 10px', display: 'block', textAlign: 'center' }}
>
{this.state.error}
</span>
)
: null
}
renderContent () {
if (!this.state.accounts.length) {
return h(ConnectScreen, {
connectToHardwareWallet: this.connectToHardwareWallet,
browserSupported: this.state.browserSupported,
})
return (
<ConnectScreen
connectToHardwareWallet={this.connectToHardwareWallet}
browserSupported={this.state.browserSupported}
/>
)
}
return h(AccountList, {
onPathChange: this.onPathChange,
selectedPath: this.props.defaultHdPaths[this.state.device],
device: this.state.device,
accounts: this.state.accounts,
selectedAccount: this.state.selectedAccount,
onAccountChange: this.onAccountChange,
network: this.props.network,
getPage: this.getPage,
history: this.props.history,
onUnlockAccount: this.onUnlockAccount,
onForgetDevice: this.onForgetDevice,
onCancel: this.onCancel,
onAccountRestriction: this.onAccountRestriction,
})
return (
<AccountList
onPathChange={this.onPathChange}
selectedPath={this.props.defaultHdPaths[this.state.device]}
device={this.state.device}
accounts={this.state.accounts}
selectedAccount={this.state.selectedAccount}
onAccountChange={this.onAccountChange}
network={this.props.network}
getPage={this.getPage}
history={this.props.history}
onUnlockAccount={this.onUnlockAccount}
onForgetDevice={this.onForgetDevice}
onCancel={this.onCancel}
onAccountRestriction={this.onAccountRestriction}
/>
)
}
render () {
return h('div', [
this.renderError(),
this.renderContent(),
])
return (
<div>
{this.renderError()}
{this.renderContent()}
</div>
)
}
}