// 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 .
import React, { Component, PropTypes } from 'react';
import { connect } from 'react-redux';
import { bindActionCreators } from 'redux';
import LinearProgress from 'material-ui/LinearProgress';
import etherscan from '../../../3rdparty/etherscan';
import { Container, ContainerTitle } from '../../../ui';
import Transaction from './Transaction';
import styles from './transactions.css';
class Transactions extends Component {
static contextTypes = {
api: PropTypes.object.isRequired
}
static propTypes = {
address: PropTypes.string.isRequired,
accounts: PropTypes.object,
contacts: PropTypes.object,
contracts: PropTypes.object,
tokens: PropTypes.object,
isTest: PropTypes.bool
}
state = {
transactions: [],
loading: true,
callInfo: {}
}
componentDidMount () {
this.getTransactions();
}
render () {
return (
{ this.renderTransactions() }
);
}
renderTransactions () {
const { loading, transactions } = this.state;
if (loading) {
return (
);
} else if (!transactions.length) {
return (
No transactions were found for this account
);
}
return (
);
}
renderRows () {
const { address, accounts, contacts, contracts, tokens, isTest } = this.props;
const { transactions } = this.state;
return (transactions || []).map((transaction, index) => {
return (
);
});
}
getTransactions = () => {
const { isTest, address } = this.props;
return etherscan.account
.transactions(address, 0, isTest)
.then((transactions) => {
this.setState({
transactions,
loading: false
});
})
.catch((error) => {
console.error('getTransactions', error);
});
}
}
function mapStateToProps (state) {
const { isTest } = state.nodeStatus;
const { accounts, contacts, contracts } = state.personal;
const { tokens } = state.balances;
return {
isTest,
accounts,
contacts,
contracts,
tokens
};
}
function mapDispatchToProps (dispatch) {
return bindActionCreators({}, dispatch);
}
export default connect(
mapStateToProps,
mapDispatchToProps
)(Transactions);