From bd80a713602bff52271d2ddc063369d8fed48036 Mon Sep 17 00:00:00 2001
From: Adam Soltys <asoltys@gmail.com>
Date: Sun, 31 Mar 2024 22:53:43 -0700
Subject: payment details

---
 src/locales/en.json                        |  2 +-
 src/routes/(app)/payment/[id]/+page.svelte | 24 ++++++++++++++++++++----
 2 files changed, 21 insertions(+), 5 deletions(-)

(limited to 'src')

diff --git a/src/locales/en.json b/src/locales/en.json
index fda23d7e..bede56ad 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -319,7 +319,7 @@
 		"id": "Transaction ID",
 		"details": "Transaction Details",
 		"header": "Payments",
-		"preimage": "Proof of payment",
+		"preimage": "Lightning preimage",
 		"maxfee": "Max routing fee",
 		"type": "Type",
 		"time": "Time",
diff --git a/src/routes/(app)/payment/[id]/+page.svelte b/src/routes/(app)/payment/[id]/+page.svelte
index 3e40d984..139520f9 100644
--- a/src/routes/(app)/payment/[id]/+page.svelte
+++ b/src/routes/(app)/payment/[id]/+page.svelte
@@ -30,6 +30,7 @@
       amount,
       created,
       confirmed,
+      memo,
       rate,
       type,
       ref,
@@ -52,6 +53,7 @@
     amount,
     created,
     confirmed,
+    memo,
     rate,
     type,
     ref,
@@ -154,7 +156,7 @@
     </div>
 
     <div>
-      <span class="text-lg text-secondary">Total</span>
+      <span class="text-lg text-secondary">{$t("payments.total")}</span>
       <div>
         {f(fiat(a + (tip || 0), rate), currency)}
         <span class="text-secondary text-lg">⚡️{`${s(a + (tip || 0))}`} </span>
@@ -163,7 +165,7 @@
   {/if}
 
   <div>
-    <span class="text-lg text-secondary">Network fee</span>
+    <span class="text-lg text-secondary">{$t("payments.networkFee")}</span>
     <div>
       {f(fiat(fee, rate), currency)}
       <span class="text-secondary text-lg">⚡️{`${s(fee)}`}</span>
@@ -172,7 +174,7 @@
 
   {#if ourfee > 0}
     <div>
-      <span class="text-lg text-secondary">Platform fee</span>
+      <span class="text-lg text-secondary">{$t("payments.platformFee")}</span>
       <div>
         {f(fiat(ourfee, rate), currency)}
         <span class="text-secondary">⚡️{`${s(ourfee)}`}</span>
@@ -181,13 +183,27 @@
   {/if}
 
   <div>
-    <span class="text-lg text-secondary">Date</span>
+    <span class="text-lg text-secondary">{$t("payments.date")}</span>
     <div>
       {format(new Date(created), "h:mmaaa")}
       {format(new Date(created), "MMM d, yyyy")}
     </div>
   </div>
 
+  {#if memo}
+    <div>
+      <span class="text-lg text-secondary">{$t("payments.memo")}</span>
+      <div>{memo}</div>
+    </div>
+  {/if}
+
+  {#if type === "lightning"}
+    <div>
+      <span class="text-lg text-secondary">{$t("payments.preimage")}</span>
+      <div>{ref}</div>
+    </div>
+  {/if}
+
   {#if type === "bitcoin" || type === "liquid"}
     <div>
       <span class="text-lg text-secondary">Txid</span>
-- 
cgit v1.2.3