Merge pull request #1165 from lightninglabs/dev/show-preimage

Display payment preimage in transaction details

Author: tanx

src/action/transaction.js

@@ -107,6 +107,7 @@ class TransactionAction {
         fee: payment.fee,
         status: 'complete',
         date: parseDate(payment.creationDate),
+        preimage: payment.paymentPreimage,
       }));
     } catch (err) {
       log.error('Listing payments failed', err);

src/view/transaction-detail-mobile.js

@@ -92,6 +92,11 @@ const TransactionDetailView = ({ store, nav }) => (
         <DetailField name="Status">
           {store.selectedTransaction.statusLabel}
         </DetailField>
+        {store.selectedTransaction.preimage ? (
+          <DetailField name="Proof of Payment">
+            {store.selectedTransaction.preimage}
+          </DetailField>
+        ) : null}
       </Card>
     </MainContent>
   </SplitBackground>

src/view/transaction-detail.js

@@ -46,6 +46,11 @@ const TransactionDetailView = ({ store, nav }) => (
         <DetailField name="Status">
           {store.selectedTransaction.statusLabel}
         </DetailField>
+        {store.selectedTransaction.preimage ? (
+          <DetailField name="Proof of Payment">
+            {store.selectedTransaction.preimage}
+          </DetailField>
+        ) : null}
       </Modal>
     </MainContent>
   </Background>

test/unit/action/transaction.spec.js

@@ -152,6 +152,7 @@ describe('Action Transactions Unit Tests', () => {
             fee: 10,
             settled: true,
             paymentHash: 'some-hash',
+            paymentPreimage: 'some-preimage',
           },
         ],
       });
@@ -163,6 +164,7 @@ describe('Action Transactions Unit Tests', () => {
         fee: 10,
         status: 'complete',
         date: new Date('2018-05-23T10:13:15.000Z'),
+        preimage: 'some-preimage',
       });
     });