145 lines
3.4 KiB
JavaScript
145 lines
3.4 KiB
JavaScript
// Copyright 2015, 2016 Ethcore (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 React, { Component, PropTypes } from 'react';
|
|
import { Link } from 'react-router';
|
|
import { isEqual } from 'lodash';
|
|
|
|
import { Balance, Container, ContainerTitle, IdentityIcon, IdentityName, Tags, Input } from '../../../ui';
|
|
|
|
export default class Summary extends Component {
|
|
static contextTypes = {
|
|
api: React.PropTypes.object
|
|
};
|
|
|
|
static propTypes = {
|
|
account: PropTypes.object.isRequired,
|
|
balance: PropTypes.object,
|
|
link: PropTypes.string,
|
|
name: PropTypes.string,
|
|
noLink: PropTypes.bool,
|
|
handleAddSearchToken: PropTypes.func
|
|
};
|
|
|
|
static defaultProps = {
|
|
noLink: false
|
|
};
|
|
|
|
state = {
|
|
name: 'Unnamed'
|
|
};
|
|
|
|
shouldComponentUpdate (nextProps) {
|
|
const prev = {
|
|
link: this.props.link, name: this.props.name,
|
|
noLink: this.props.noLink,
|
|
meta: this.props.account.meta, address: this.props.account.address
|
|
};
|
|
|
|
const next = {
|
|
link: nextProps.link, name: nextProps.name,
|
|
noLink: nextProps.noLink,
|
|
meta: nextProps.account.meta, address: nextProps.account.address
|
|
};
|
|
|
|
if (!isEqual(next, prev)) {
|
|
return true;
|
|
}
|
|
|
|
const prevTokens = this.props.balance.tokens || [];
|
|
const nextTokens = nextProps.balance.tokens || [];
|
|
|
|
if (prevTokens.length !== nextTokens.length) {
|
|
return true;
|
|
}
|
|
|
|
const prevValues = prevTokens.map((t) => t.value.toNumber());
|
|
const nextValues = nextTokens.map((t) => t.value.toNumber());
|
|
|
|
if (!isEqual(prevValues, nextValues)) {
|
|
return true;
|
|
}
|
|
|
|
return false;
|
|
}
|
|
|
|
render () {
|
|
const { account, handleAddSearchToken } = this.props;
|
|
const { tags } = account.meta;
|
|
|
|
if (!account) {
|
|
return null;
|
|
}
|
|
|
|
const { address } = account;
|
|
|
|
const addressComponent = (
|
|
<Input
|
|
readOnly
|
|
hideUnderline
|
|
value={ address }
|
|
allowCopy={ address }
|
|
/>
|
|
);
|
|
|
|
return (
|
|
<Container>
|
|
<Tags tags={ tags } handleAddSearchToken={ handleAddSearchToken } />
|
|
<IdentityIcon
|
|
address={ address } />
|
|
<ContainerTitle
|
|
title={ this.renderLink() }
|
|
byline={ addressComponent } />
|
|
|
|
{ this.renderBalance() }
|
|
</Container>
|
|
);
|
|
}
|
|
|
|
renderLink () {
|
|
const { link, noLink, account, name } = this.props;
|
|
|
|
const { address } = account;
|
|
const viewLink = `/${link || 'account'}/${address}`;
|
|
|
|
const content = (
|
|
<IdentityName address={ address } name={ name } unknown />
|
|
);
|
|
|
|
if (noLink) {
|
|
return content;
|
|
}
|
|
|
|
return (
|
|
<Link to={ viewLink }>
|
|
{ content }
|
|
</Link>
|
|
);
|
|
}
|
|
|
|
renderBalance () {
|
|
const { balance } = this.props;
|
|
|
|
if (!balance) {
|
|
return null;
|
|
}
|
|
|
|
return (
|
|
<Balance balance={ balance } />
|
|
);
|
|
}
|
|
}
|