From c8451483b3d2dec980c3508e1c6f781d4e5d4b98 Mon Sep 17 00:00:00 2001
From: Sean Yesmunt <sean@lbry.io>
Date: Tue, 11 Feb 2020 14:09:29 -0500
Subject: [PATCH] add effective amount and claim_id to file page

---
 ui/component/fileDetails/view.jsx | 8 ++++++++
 ui/scss/component/_table.scss     | 2 ++
 2 files changed, 10 insertions(+)

diff --git a/ui/component/fileDetails/view.jsx b/ui/component/fileDetails/view.jsx
index f0cff67cb..a174cf308 100644
--- a/ui/component/fileDetails/view.jsx
+++ b/ui/component/fileDetails/view.jsx
@@ -58,6 +58,14 @@ class FileDetails extends PureComponent<Props> {
                 <td> {__('Bid Amount')}</td>
                 <td>{claim.amount} LBC</td>
               </tr>
+              <tr>
+                <td> {__('Effective Amount')}</td>
+                <td>{claim.meta.effective_amount} LBC</td>
+              </tr>
+              <tr>
+                <td> {__('Claim ID')}</td>
+                <td>{claim.claim_id}</td>
+              </tr>
               {fileSize && (
                 <tr>
                   <td> {__('File Size')}</td>
diff --git a/ui/scss/component/_table.scss b/ui/scss/component/_table.scss
index b6dd4e679..6fbacb7a8 100644
--- a/ui/scss/component/_table.scss
+++ b/ui/scss/component/_table.scss
@@ -76,6 +76,8 @@
 }
 
 .table--file-details {
+  font-size: var(--font-small);
+
   td:nth-of-type(1) {
     width: 30%;
   }