lbry-desktop/ui/js/page/transactionHistory/view.jsx

33 lines
959 B
React
Raw Normal View History

import React from "react";
2017-08-20 23:42:00 +02:00
import { BusyMessage } from "component/common";
import SubHeader from "component/subHeader";
import TransactionList from "component/transactionList";
2017-08-20 23:42:00 +02:00
class TransactionHistoryPage extends React.PureComponent {
componentWillMount() {
this.props.fetchTransactions();
}
render() {
const { fetchingTransactions, transactions } = this.props;
return (
<main className="main--single-column">
<SubHeader />
<section className="card">
<div className="card__title-primary">
<h3>{__("Transaction History")}</h3>
</div>
<div className="card__content">
{fetchingTransactions &&
<BusyMessage message={__("Loading transactions")} />}
{!fetchingTransactions &&
<TransactionList transactions={transactions} />}
</div>
</section>
</main>
);
}
}
export default TransactionHistoryPage;