1987dad527
* QR code scanning in-place * QrScan component * Update tests * s/store/createStore/ in props * Create of actual accountsInfo entry * Exteral/hardware forget, no password change * Add external accounts to accounts list * Render external accounts in section (along with hw) * Manul test bugfixes * Display Qr code for tx signing * Align QR code * Hints for QR operations * Generate actual qr codes based on tx data * Add leading 0x if not found * Update tests for 0x leading addition * from & rpl without leading 0x * Auto-detect QR code size (input length) * Confirm raw * WIP (lots of logging) * WIP * Chain-replay protection * Readability * Re-add r: chainId * s = 0, r = 0, v = chainId * Update eth_signTransaction to send transaction object * And it actually works. * Externalise createUnsigned/createSigned * Check for nonce updates (future: subscriptions) * Allow gas overrides * Expose formatted condition * Extract calculation (cap at 40) * Remove debug log * Fix rename linting * Allow for signing hash & rlp (App support forthcoming) * WIP * User original qrcode-generator package * Complete hash + rlp signing * Accurate QR code size calculation * Simplify type calculation * R-eactivate current mobile interface (TODO for new) * Move napa to dep * Allow external accounts visibility in dapps * Allow napa install on CI * Allow new signTransaction & signTransactionHash functionality
109 lines
3.1 KiB
JavaScript
109 lines
3.1 KiB
JavaScript
// 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, PropTypes } from 'react';
|
|
import { FormattedMessage } from 'react-intl';
|
|
|
|
import { IdentityIcon, Input, QrCode, Title } from '~/ui';
|
|
|
|
import styles from '../createAccount.css';
|
|
|
|
@observer
|
|
export default class AccountDetails extends Component {
|
|
static propTypes = {
|
|
createStore: PropTypes.object.isRequired
|
|
}
|
|
|
|
render () {
|
|
const { address, description, name } = this.props.createStore;
|
|
|
|
return (
|
|
<div className={ styles.details }>
|
|
<div className={ styles.info }>
|
|
<div className={ styles.account }>
|
|
<div className={ styles.name }>
|
|
<IdentityIcon
|
|
address={ address }
|
|
className={ styles.icon }
|
|
center
|
|
/>
|
|
<Title
|
|
byline={ description }
|
|
className={ styles.title }
|
|
title={ name }
|
|
/>
|
|
</div>
|
|
<div className={ styles.description }>
|
|
<Input
|
|
readOnly
|
|
hideUnderline
|
|
hint={
|
|
<FormattedMessage
|
|
id='createAccount.accountDetails.address.hint'
|
|
defaultMessage='the network address for the account'
|
|
/>
|
|
}
|
|
label={
|
|
<FormattedMessage
|
|
id='createAccount.accountDetails.address.label'
|
|
defaultMessage='address'
|
|
/>
|
|
}
|
|
value={ address }
|
|
allowCopy={ address }
|
|
/>
|
|
{ this.renderPhrase() }
|
|
</div>
|
|
</div>
|
|
<QrCode
|
|
className={ styles.qr }
|
|
value={ address }
|
|
/>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
renderPhrase () {
|
|
const { phrase } = this.props.createStore;
|
|
|
|
if (!phrase) {
|
|
return null;
|
|
}
|
|
|
|
return (
|
|
<Input
|
|
allowCopy
|
|
hint={
|
|
<FormattedMessage
|
|
id='createAccount.accountDetails.phrase.hint'
|
|
defaultMessage='the account recovery phrase'
|
|
/>
|
|
}
|
|
label={
|
|
<FormattedMessage
|
|
id='createAccount.accountDetails.phrase.label'
|
|
defaultMessage='owner recovery phrase (keep private and secure, it allows full and unlimited access to the account)'
|
|
/>
|
|
}
|
|
readOnly
|
|
value={ phrase }
|
|
/>
|
|
);
|
|
}
|
|
}
|