// @flow import type { Transaction } from 'component/transactionList/view'; import * as ICONS from 'constants/icons'; import React, { Fragment } from 'react'; import BusyIndicator from 'component/common/busy-indicator'; import Button from 'component/button'; import TransactionList from 'component/transactionList'; import RefreshTransactionButton from 'component/transactionRefreshButton'; type Props = { fetchTransactions: () => void, fetchingTransactions: boolean, hasTransactions: boolean, transactions: Array, fetchMyClaims: () => void, }; class TransactionListRecent extends React.PureComponent { componentDidMount() { const { fetchMyClaims, fetchTransactions } = this.props; fetchMyClaims(); fetchTransactions(); } render() { const { fetchingTransactions, hasTransactions, transactions } = this.props; return (
{__('Recent Transactions')}
{__('To view all of your transactions, navigate to the')}{' '}
{fetchingTransactions && !hasTransactions && (
)} {hasTransactions && (
)}
); } } export default TransactionListRecent;