Newer
Older
// Copyright 2015-2018 Parity Technologies (UK) Ltd.
// This file is part of Parity.
//
// SPDX-License-Identifier: MIT
import { inject, observer } from 'mobx-react';
import { Link } from 'react-router-dom';
import CreateAccountHeader from '../CreateAccountHeader';
class CreateAccountStep1 extends Component {
this.props.createAccountStore.generateNewAccount();
}
handleChange = ({ target: { value } }) =>
this.props.createAccountStore.setName(value);
createAccountStore: { address, generateNewAccount, name }
<div className='box -card-drawer'>
<div className='box -pull-up text -right'>
<button
onClick={generateNewAccount}
className='button -tiny -reload'
>
Regenerate address
</button>
<div className='form_field'>
<label>Name</label>
<input
onChange={this.handleChange}
required
placeholder='Enter a name for this account'
value={name}
/>
<button className='button'>Next</button>
</Link>
: <button className='button' disabled>
Next
</button>}
</div>
);
}
}
export default CreateAccountStep1;