invoice requests

2 files changed, 3 insertions, 11 deletions

diff --git a/src/routes/(app)/invoice/[id]/+page.svelte b/src/routes/(app)/invoice/[id]/+page.svelte
index 98bde2ac..f24ca590 100644
--- a/src/routes/(app)/invoice/[id]/+page.svelte
+++ b/src/routes/(app)/invoice/[id]/+page.svelte
@@ -7,7 +7,6 @@
 	import { Icon, Heart, Image, Qr } from '$comp';
 	import { goto } from '$app/navigation';
 	import { t } from '$lib/translations';
-	import screenfull from 'screenfull';
 
 	export let data;
 	$: refresh(data);
@@ -22,7 +21,6 @@
 		user: { username, currency }
 	} = invoice;
 
-	let qr;
 	let tipPercent = 0;
 
 	let refresh = (data) => {
@@ -72,13 +70,7 @@
 				></span
 			>
 
-			<div
-				class="w-80 mx-auto my-5 cursor-pointer"
-				bind:this={qr}
-				on:click={() => screenfull.toggle(qr)}
-			>
-				<img {src} class="mx-auto" />
-			</div>
+      <Qr {src} />
 
 			<div class="mb-10">
 				<button
diff --git a/src/routes/(app)/invoice/[id]/paid/+page.svelte b/src/routes/(app)/invoice/[id]/paid/+page.svelte
index d619b7ff..d044a626 100644
--- a/src/routes/(app)/invoice/[id]/paid/+page.svelte
+++ b/src/routes/(app)/invoice/[id]/paid/+page.svelte
@@ -4,7 +4,7 @@
 	import { toast } from '@zerodevx/svelte-toast';
 	import { browser } from '$app/environment';
 	import { t } from '$lib/translations';
-	import { f, s, sats } from '$lib/utils';
+	import { f, s, sat, sats } from '$lib/utils';
 	import { goto } from '$app/navigation';
 	import { invoices } from '$lib/store';
 
@@ -30,7 +30,7 @@
 	<h2 class="text-2xl md:text-3xl font-semibold">
 		{f(amountFiat, invoice.currency)}
 	</h2>
-	<h3 class="text-secondary md:text-lg mb-6 mt-1">({s(invoice.amount)} SAT)</h3>
+	<h3 class="text-secondary md:text-lg mb-6 mt-1">{sat(invoice.amount)}</h3>
 	<button
 		class="bg-black text-white rounded-2xl w-20 py-3 font-bold hover:opacity-80"
 		on:click={handleDoneClick}