From 0054723ed6ac72aa9f821c05fd30ee0e02970d34 Mon Sep 17 00:00:00 2001
From: hackrush <atulshyan96@gmail.com>
Date: Fri, 25 Aug 2017 18:56:43 +0530
Subject: [PATCH] Added Fee column

---
 ui/js/component/transactionList/view.jsx | 6 ++++--
 ui/js/selectors/wallet.js                | 1 +
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/ui/js/component/transactionList/view.jsx b/ui/js/component/transactionList/view.jsx
index 6879e3349..5b06f5f8f 100644
--- a/ui/js/component/transactionList/view.jsx
+++ b/ui/js/component/transactionList/view.jsx
@@ -10,12 +10,12 @@ class TransactionList extends React.PureComponent {
     const { fetchingTransactions, transactionItems, navigate } = this.props;
 
     function findTypeOfTx(type, is_tip) {
-      if (is_tip && type === "support") return "tip";
+      if (is_tip && type === "Support") return "Tip";
       else return type;
     }
 
     function getClaimLink(claim_name, claim_id) {
-      if (claim_id !== "----" && claim_name !== "----") {
+      if (claim_id !== "" && claim_name !== "") {
         let uri = `lbry://${claim_name}#${claim_id}`;
 
         return (
@@ -40,6 +40,7 @@ class TransactionList extends React.PureComponent {
           <tr key={item.id}>
             <td>{findTypeOfTx(item.type, item.is_tip)}</td>
             <td>{(item.amount > 0 ? "+" : "") + item.amount}</td>
+            <td>{item.fee}</td>
             <td>
               {item.date
                 ? item.date.toLocaleDateString()
@@ -81,6 +82,7 @@ class TransactionList extends React.PureComponent {
                   <tr>
                     <th>{__("Type")}</th>
                     <th>{__("Amount")}</th>
+                    <th>{__("Fee")}</th>
                     <th>{__("Date")}</th>
                     <th>{__("Time")}</th>
                     <th>{__("Claim")}</th>
diff --git a/ui/js/selectors/wallet.js b/ui/js/selectors/wallet.js
index f5aa533d2..6637c8bff 100644
--- a/ui/js/selectors/wallet.js
+++ b/ui/js/selectors/wallet.js
@@ -30,6 +30,7 @@ export const selectTransactionItems = createSelector(
         date: tx.timestamp ? new Date(parseInt(tx.timestamp) * 1000) : null,
         amount: parseFloat(tx.value),
         type: tx.type,
+        fee: tx.fee,
         claim_id: tx.claim_id,
         claim_name: tx.claim_name,
         is_tip: tx.is_tip,