diff --git a/js/src/ui/TxList/TxRow/txRow.js b/js/src/ui/TxList/TxRow/txRow.js
index ef30fc8d17d..8d123c13c97 100644
--- a/js/src/ui/TxList/TxRow/txRow.js
+++ b/js/src/ui/TxList/TxRow/txRow.js
@@ -35,6 +35,7 @@ class TxRow extends Component {
static propTypes = {
accountAddresses: PropTypes.array.isRequired,
address: PropTypes.string.isRequired,
+ contractAddresses: PropTypes.array.isRequired,
netVersion: PropTypes.string.isRequired,
tx: PropTypes.object.isRequired,
@@ -53,7 +54,7 @@ class TxRow extends Component {
return (
{ this.renderBlockNumber(tx.blockNumber) }
- { this.renderAddress(tx.from) }
+ { this.renderAddress(tx.from, false) }
{ this.renderEtherValue(tx.value) }
⇒
@@ -67,7 +68,7 @@ class TxRow extends Component {
|
- { this.renderAddress(tx.to) }
+ { this.renderAddress(tx.to || tx.creates, !!tx.creates) }
@@ -140,9 +142,22 @@ class TxRow extends Component {
);
}
+ getIsKnownContract (address) {
+ const { contractAddresses } = this.props;
+
+ return contractAddresses
+ .map((a) => a.toLowerCase())
+ .includes(address.toLowerCase());
+ }
+
addressLink (address) {
const { accountAddresses } = this.props;
const isAccount = accountAddresses.includes(address);
+ const isContract = this.getIsKnownContract(address);
+
+ if (isContract) {
+ return `/contracts/${address}`;
+ }
if (isAccount) {
return `/accounts/${address}`;
@@ -153,14 +168,16 @@ class TxRow extends Component {
}
function mapStateToProps (initState) {
- const { accounts } = initState.personal;
+ const { accounts, contracts } = initState.personal;
const accountAddresses = Object.keys(accounts);
+ const contractAddresses = Object.keys(contracts);
return (state) => {
const { netVersion } = state.nodeStatus;
return {
accountAddresses,
+ contractAddresses,
netVersion
};
};
diff --git a/js/src/ui/TxList/TxRow/txRow.spec.js b/js/src/ui/TxList/TxRow/txRow.spec.js
index da0c21c14fb..9ff5ffbe312 100644
--- a/js/src/ui/TxList/TxRow/txRow.spec.js
+++ b/js/src/ui/TxList/TxRow/txRow.spec.js
@@ -35,7 +35,14 @@ const STORE = {
},
personal: {
accounts: {
- '0x123': {}
+ '0x123': {
+ address: '0x123'
+ }
+ },
+ contracts: {
+ '0x999': {
+ address: '0x999'
+ }
}
}
};
@@ -60,19 +67,22 @@ describe('ui/TxList/TxRow', () => {
};
const tx = {
blockNumber: new BigNumber(123),
+ from: '0x234',
hash: '0x123456789abcdef0123456789abcdef0123456789abcdef',
+ to: '0x123',
value: new BigNumber(1)
};
expect(render({ address: '0x123', block, netVersion: '42', tx })).to.be.ok;
});
- it('renders an account link', () => {
+ it('renders account links', () => {
const block = {
timestamp: new Date()
};
const tx = {
blockNumber: new BigNumber(123),
+ from: '0x234',
hash: '0x123456789abcdef0123456789abcdef0123456789abcdef',
to: '0x123',
value: new BigNumber(1)
@@ -80,15 +90,16 @@ describe('ui/TxList/TxRow', () => {
const element = render({ address: '0x123', block, netVersion: '42', tx });
- expect(element.find('Link').prop('to')).to.equal('/accounts/0x123');
+ expect(element.find('Link').get(1).props.to).to.equal('/accounts/0x123');
});
- it('renders an address link', () => {
+ it('renders address links', () => {
const block = {
timestamp: new Date()
};
const tx = {
blockNumber: new BigNumber(123),
+ from: '0x234',
hash: '0x123456789abcdef0123456789abcdef0123456789abcdef',
to: '0x456',
value: new BigNumber(1)
@@ -96,7 +107,24 @@ describe('ui/TxList/TxRow', () => {
const element = render({ address: '0x123', block, netVersion: '42', tx });
- expect(element.find('Link').prop('to')).to.equal('/addresses/0x456');
+ expect(element.find('Link').get(1).props.to).to.equal('/addresses/0x456');
+ });
+
+ it('renders contract links', () => {
+ const block = {
+ timestamp: new Date()
+ };
+ const tx = {
+ blockNumber: new BigNumber(123),
+ from: '0x234',
+ hash: '0x123456789abcdef0123456789abcdef0123456789abcdef',
+ to: '0x999',
+ value: new BigNumber(1)
+ };
+
+ const element = render({ address: '0x123', block, netVersion: '42', tx });
+
+ expect(element.find('Link').get(1).props.to).to.equal('/contracts/0x999');
});
});
});
|