Payment: display memos from payment requests you've paid

models/Payment.ts

@@ -1,4 +1,6 @@
 import { computed } from 'mobx';
+import bolt11 from 'bolt11';
+
 import BaseModel from './BaseModel';
 import DateTimeUtils from './../utils/DateTimeUtils';
 import { localeString } from './../utils/LocaleUtils';
@@ -17,6 +19,7 @@ export default class Payment extends BaseModel {
     bolt: string;
     status: string;
     amount_sent_msat: string;
+    payment_request: string;
     // c-lightning
     id?: string;
     // payment_hash: string;
@@ -38,6 +41,24 @@ export default class Payment extends BaseModel {
         this.nodes = nodes;
     }
 
+    @computed public get getPaymentRequest(): string | undefined {
+        return this.payment_request || this.bolt11;
+    }
+
+    @computed public get getMemo(): string | undefined {
+        if (this.getPaymentRequest) {
+            const decoded: any = bolt11.decode(this.payment_request);
+            for (let i = 0; i < decoded.tags.length; i++) {
+                const tag = decoded.tags[i];
+                switch (tag.tagName) {
+                    case 'description':
+                        return tag.data;
+                }
+            }
+        }
+        return undefined;
+    }
+
     @computed public get model(): string {
         return localeString('views.Payment.title');
     }

views/Payment.tsx

@@ -49,7 +49,8 @@ export default class PaymentView extends React.Component<PaymentProps> {
             getFee,
             payment_hash,
             getPreimage,
-            enhancedPath
+            enhancedPath,
+            getMemo
         } = payment;
         const date = getDisplayTime;
 
@@ -121,6 +122,14 @@ export default class PaymentView extends React.Component<PaymentProps> {
                         />
                     )}
 
+                    {getMemo && (
+                        <KeyValue
+                            keyValue={localeString('views.Receive.memo')}
+                            value={getMemo}
+                            sensitive
+                        />
+                    )}
+
                     {typeof payment_hash === 'string' && (
                         <KeyValue
                             keyValue={localeString('views.Payment.paymentHash')}