// @flow import React from 'react'; import Button from 'component/button'; import moment from 'moment'; type Props = { accountDetails: any, transactions: any, }; const WalletBalance = (props: Props) => { // receive transactions from parent component const { transactions } = props; let accountTransactions; // reverse so most recent payments come first if (transactions && transactions.length) { accountTransactions = transactions.reverse(); } // if there are more than 10 transactions, limit it to 10 for the frontend // if (accountTransactions && accountTransactions.length > 10) { // accountTransactions.length = 10; // } return (
{accountTransactions && accountTransactions.map((transaction) => ( ))}
{__('Date')} {<>{__('Receiving Channel Name')}} {__('Tip Location')} {__('Amount (USD)')} {__('Processing Fee')} {__('Odysee Fee')} {__('Received Amount')}
{moment(transaction.created_at).format('LLL')} ${transaction.tipped_amount / 100} ${transaction.transaction_fee / 100} ${transaction.application_fee / 100} ${transaction.received_amount / 100}
{!accountTransactions &&

No Transactions

}
); }; export default WalletBalance;