diff options
Diffstat (limited to 'src/components/InvoiceData.svelte')
| -rw-r--r-- | src/components/InvoiceData.svelte | 23 |
1 files changed, 22 insertions, 1 deletions
diff --git a/src/components/InvoiceData.svelte b/src/components/InvoiceData.svelte index 4ce39036..bd6adb97 100644 --- a/src/components/InvoiceData.svelte +++ b/src/components/InvoiceData.svelte @@ -1,7 +1,7 @@ <script> import Amount from "$comp/Amount.svelte"; - import { btc, f, sat, s, sats } from "$lib/utils"; + import { btc, f, sat, s, sats, types } from "$lib/utils"; let { showQr, link, @@ -13,7 +13,10 @@ locale, tip, rate, + t, } = $props(); + + let { memo } = $derived(invoice); </script> {#if showQr} @@ -28,6 +31,20 @@ </div> {/if} +{#if invoice.type === types.liquid} + <div class="flex justify-center p-4 shadow items-center gap-2"> + <iconify-icon icon="ph:warning-bold" width="48" class="text-warning" + ></iconify-icon> + <div> + <div class="my-auto text-xl text-center text-secondary"> + {t("payments.onlyLbtc")} + <span class="text-teal-500 font-bold">L-BTC</span> — + {t("payments.dontDeposit")} + </div> + </div> + </div> +{/if} + {#if !showQr || txt.length <= 120} <div class="break-all text-center text-secondary text-xl"> {txt} @@ -52,3 +69,7 @@ {#if amount > 0} <Amount {amount} {currency} {rate} {locale} {tip} /> {/if} + +{#if memo} + <div class="text-xl text-center">{memo}</div> +{/if} |