2 files changed, 7 insertions, 3 deletions
diff --git a/src/components/InvoiceData.svelte b/src/components/InvoiceData.svelte
index de93c08e..e51d9a3b 100644
--- a/src/components/InvoiceData.svelte
+++ b/src/components/InvoiceData.svelte
@@ -21,7 +21,7 @@
   <div>
     <a href={link}>
       <img
-        {src}
+        src={`/qr/${encodeURIComponent(invoice.text)}/raw`}
         class="mx-auto z-10 max-w-[360px] border-4 border-white"
         alt={txt}
       />
diff --git a/src/components/Qr.svelte b/src/components/Qr.svelte
index c8d33e23..72655ebc 100644
--- a/src/components/Qr.svelte
+++ b/src/components/Qr.svelte
@@ -1,6 +1,6 @@
 <script>
   import screenfull from "screenfull";
-  let { src } = $props();
+  let { text } = $props();
   let qr = $state();
 </script>
 
@@ -10,5 +10,9 @@
   onclick={() => screenfull.toggle(qr)}
   onkeydown={() => screenfull.toggle(qr)}
 >
-  <img {src} class="mx-auto" alt="QR Code" />
+  <img
+    src={`/qr/${encodeURIComponent(text)}/raw`}
+    class="mx-auto"
+    alt="QR Code"
+  />
 </div>