diff options
| author | Adam Soltys <[email protected]> | 2026-03-03 14:55:01 -0800 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2026-03-03 14:55:01 -0800 |
| commit | 6e6e8a4e8a745ed9d4cf81a4771b71ac4a06dc90 (patch) | |
| tree | 2d9536e54797921f1ea8e3133f77a7bfd321e394 /src/components | |
| parent | 5ed9be488f1212963ac1bca119133b58d4b2d3a8 (diff) | |
| download | coinos-ui-6e6e8a4e8a745ed9d4cf81a4771b71ac4a06dc90.tar.gz coinos-ui-6e6e8a4e8a745ed9d4cf81a4771b71ac4a06dc90.zip | |
fix qr flash
Diffstat (limited to 'src/components')
| -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} /> |