diff options
Diffstat (limited to 'src')
| -rw-r--r-- | src/components/InvoiceData.svelte | 13 |
1 files changed, 10 insertions, 3 deletions
diff --git a/src/components/InvoiceData.svelte b/src/components/InvoiceData.svelte index b4a9ce98..3129dfb5 100644 --- a/src/components/InvoiceData.svelte +++ b/src/components/InvoiceData.svelte @@ -20,17 +20,24 @@ t, }: any = $props(); - let loaded = $state(false); let expanded = $state(false); let { memo } = $derived(invoice); - let load = () => (loaded = true); + + let qrSrc = $derived(`/qr/${encodeURIComponent(invoice.text)}/raw`); + let visibleSrc = $state(""); + $effect(() => { + const next = qrSrc; + const img = new Image(); + img.onload = () => (visibleSrc = next); + img.src = next; + }); </script> {#if showQr} <div class="max-w-[280px] mx-auto min-h-[280px]"> <a href={link}> <img - src={`/qr/${encodeURIComponent(invoice.text)}/raw`} + src={visibleSrc} class="z-10 border-4 border-white" alt={txt} /> |