openethereum/js/packages/dapp-accounts/CreateWallet/createWallet.js

207 lines
5.1 KiB
JavaScript
Raw Normal View History

// Copyright 2015-2017 Parity Technologies (UK) Ltd.
// This file is part of Parity.
// Parity is free software: you can redistribute it and/or modify
// it under the terms of the GNU General Public License as published by
// the Free Software Foundation, either version 3 of the License, or
// (at your option) any later version.
// Parity is distributed in the hope that it will be useful,
// but WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
// GNU General Public License for more details.
// You should have received a copy of the GNU General Public License
// along with Parity. If not, see <http://www.gnu.org/licenses/>.
import { observer } from 'mobx-react';
import React, { Component } from 'react';
import PropTypes from 'prop-types';
import { FormattedMessage } from 'react-intl';
import { connect } from 'react-redux';
import { bindActionCreators } from 'redux';
import { setRequest } from '@parity/shared/redux/providers/requestsActions';
import { Button, Portal } from '@parity/ui';
import { CancelIcon, DoneIcon, NextIcon } from '@parity/ui/Icons';
import WalletType from './WalletType';
import WalletDetails from './WalletDetails';
import WalletInfo from './WalletInfo';
import CreateWalletStore from './createWalletStore';
@observer
export class CreateWallet extends Component {
static contextTypes = {
api: PropTypes.object.isRequired
};
static propTypes = {
accounts: PropTypes.object.isRequired,
onClose: PropTypes.func.isRequired,
onSetRequest: PropTypes.func.isRequired
};
store = new CreateWalletStore(this.context.api, this.props);
render () {
const { stage, steps } = this.store;
return (
<Portal
activeStep={ stage }
buttons={ this.renderDialogActions() }
onClose={ this.onClose }
open
steps={ steps.map((step) => step.title) }
>
{ this.renderPage() }
</Portal>
);
}
renderPage () {
const { step } = this.store;
const { accounts } = this.props;
switch (step) {
case 'INFO':
return (
<WalletInfo
accounts={ accounts }
account={ this.store.wallet.account }
address={ this.store.wallet.address }
daylimit={ this.store.wallet.daylimit }
deployed={ this.store.deployed }
name={ this.store.wallet.name }
owners={ this.store.wallet.owners.slice() }
required={ this.store.wallet.required }
/>
);
case 'DETAILS':
return (
<WalletDetails
accounts={ accounts }
errors={ this.store.errors }
onChange={ this.store.onChange }
wallet={ this.store.wallet }
walletType={ this.store.walletType }
/>
);
default:
case 'TYPE':
return (
<WalletType
onChange={ this.store.onTypeChange }
type={ this.store.walletType }
/>
);
}
}
renderDialogActions () {
const { step, hasErrors, onCreate, onNext, onAdd } = this.store;
const cancelBtn = (
<Button
icon={ <CancelIcon /> }
key='cancel'
label={
<FormattedMessage
id='createWallet.button.cancel'
defaultMessage='Cancel'
/>
}
onClick={ this.onClose }
/>
);
const doneBtn = (
<Button
icon={ <DoneIcon /> }
key='done'
label={
<FormattedMessage
id='createWallet.button.done'
defaultMessage='Done'
/>
}
onClick={ this.onClose }
/>
);
const nextBtn = (
<Button
icon={ <NextIcon /> }
key='next'
label={
<FormattedMessage
id='createWallet.button.next'
defaultMessage='Next'
/>
}
onClick={ onNext }
/>
);
switch (step) {
case 'INFO':
return [ doneBtn ];
case 'DETAILS':
if (this.store.walletType === 'WATCH') {
return [ cancelBtn, (
<Button
disabled={ hasErrors }
icon={ <NextIcon /> }
key='add'
label={
<FormattedMessage
id='createWallet.button.add'
defaultMessage='Add'
/>
}
onClick={ onAdd }
/>
) ];
}
return [ cancelBtn, (
<Button
disabled={ hasErrors }
icon={ <NextIcon /> }
key='create'
label={
<FormattedMessage
id='createWallet.button.create'
defaultMessage='Create'
/>
}
onClick={ onCreate }
/>
) ];
default:
case 'TYPE':
return [ cancelBtn, nextBtn ];
}
}
onClose = () => {
this.props.onClose();
}
}
function mapDispatchToProps (dispatch) {
return bindActionCreators({
onSetRequest: setRequest
}, dispatch);
}
export default connect(
null,
mapDispatchToProps
)(CreateWallet);