diff options
| author | Adam Soltys <[email protected]> | 2024-03-31 22:53:43 -0700 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2024-03-31 22:53:43 -0700 |
| commit | bd80a713602bff52271d2ddc063369d8fed48036 (patch) | |
| tree | 1f1ffb773d0a800530ce2e51c41d14d77bfe03f3 | |
| parent | ba1d19de8532b898d0e30c28ecbbcbf6f695ec62 (diff) | |
| download | coinos-ui-bd80a713602bff52271d2ddc063369d8fed48036.tar.gz coinos-ui-bd80a713602bff52271d2ddc063369d8fed48036.zip | |
payment details
| -rw-r--r-- | src/locales/en.json | 2 | ||||
| -rw-r--r-- | src/routes/(app)/payment/[id]/+page.svelte | 24 |
2 files changed, 21 insertions, 5 deletions
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> |