lbry-desktop/ui/component/transactionListRecent/view.jsx
2019-11-11 13:27:29 -05:00

35 lines
865 B
JavaScript

// @flow
import React from 'react';
import TransactionList from 'component/transactionList';
import { TX_LIST } from 'lbry-redux';
type Props = {
fetchTransactions: (number, number) => void,
fetchingTransactions: boolean,
hasTransactions: boolean,
transactions: Array<Transaction>,
};
class TransactionListRecent extends React.PureComponent<Props> {
componentDidMount() {
const { fetchTransactions } = this.props;
fetchTransactions(1, TX_LIST.LATEST_PAGE_SIZE);
}
render() {
const { transactions } = this.props;
return (
<section className="card">
<TransactionList
slim
title={__('Latest Transactions')}
transactions={transactions}
emptyMessage={__("Looks like you don't have any transactions.")}
/>
</section>
);
}
}
export default TransactionListRecent;