openethereum/js/src/views/Signer/components/Account/AccountLink/AccountLink.js
Jaco Greeff befcc9cc1a Cleanups (#3742)
* Remove unused file

* Combine tx checks into single file

* Move UI components into UI

* DRY links

* Unused rollup config

* Cleanup util paths

* Revert "Move UI components into UI"

This reverts commit 3379e61246cde635c296d31322b71e63395a5cd4.

* Re-apply ~/util/tx move

* Cleanup unused styles
2016-12-09 13:44:10 +01:00

67 lines
1.7 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 { addressLink } from '~/3rdparty/etherscan/links';
import styles from './AccountLink.css';
export default class AccountLink extends Component {
static propTypes = {
isTest: PropTypes.bool.isRequired,
address: PropTypes.string.isRequired,
className: PropTypes.string,
children: PropTypes.node
}
state = {
link: null
};
componentWillMount () {
const { address, isTest } = this.props;
this.updateLink(address, isTest);
}
componentWillReceiveProps (nextProps) {
const { address, isTest } = nextProps;
this.updateLink(address, isTest);
}
render () {
const { children, address, className } = this.props;
return (
<a
href={ this.state.link }
target='_blank'
className={ `${styles.container} ${className}` }
>
{ children || address }
</a>
);
}
updateLink (address, isTest) {
const link = addressLink(address, isTest);
this.setState({
link
});
}
}