From 6e6e8a4e8a745ed9d4cf81a4771b71ac4a06dc90 Mon Sep 17 00:00:00 2001
From: Adam Soltys <adam@coinos.io>
Date: Tue, 3 Mar 2026 14:55:01 -0800
Subject: fix qr flash

---
 src/components/InvoiceData.svelte | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

(limited to 'src/components')

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}
       />
-- 
cgit v1.2.3