renderNotifications() {
const { notifications } = this.props;
if (notifications && keys(notifications).length) {
const sortedNotifications = chronologicalNotificationSort(notifications);
return map(sortedNotifications, (item, key) => (
<MenuItem key={ item.id }>
<Link
className='notification--item-link'
to={ `/TransactionRequestDetail/${item.key}` }>
<li className='padding14'>
<div>
<TimeAgo time={ item.sent_time }/>, { item.sender_account } requested
</div>
<div className='text-right'>
{ numeral(item.payload
&& item.payload.total * (item.payload.direction || 1)
|| 0).format(MONEY_FORMAT) }
</div>
</li>
</Link>
</MenuItem>
));
} else {
return (
<li className='padding14'>
<div className='text-center'>
(empty)
</div>
</li>
);
}
}
renderTransactionItems() {
const that = this;
const { notifications } = this.props;
return map(chronologicalNotificationSort(notifications), (item, key) => (
<div className='indicator radius5 transaction-history__item' key={ item.id }
onClick={ that.navigateToDetail.bind(that, item.key) }>
<div className='transaction-item-header'>
<TimeAgo time={ item.sent_time }/>, { item.sender_account } requested
</div>
<div className='font22 text-right'>
{ numeral(item.payload
&& item.payload.total * (item.payload.direction || 1)
|| 0).format(MONEY_FORMAT) }
</div>
</div>
));
}