use canvas for qr code

3 files changed, 5 insertions, 15 deletions

diff --git a/src/components/RegisterOrLogin.svelte b/src/components/RegisterOrLogin.svelte
index 2463f47f..ae1948f5 100644
--- a/src/components/RegisterOrLogin.svelte
+++ b/src/components/RegisterOrLogin.svelte
@@ -18,7 +18,6 @@
 	}[page];
 
 	let submit = async () => {
-    console.log("HI")
 		let r = await post(url, { username, password });
 		if (!r.token) r = await post('/login', { username, password });
 		$token = r.token;
@@ -42,7 +41,7 @@
 			<form class="space-y-5" on:submit|preventDefault={submit}>
 				<div>
 					<label for="username" class="font-semibold">Username</label>
-          <!-- svelte-ignore a11y-autofocus -->
+					<!-- svelte-ignore a11y-autofocus -->
 					<input
 						type="text"
 						required
diff --git a/src/routes/invoice/[id].svelte b/src/routes/invoice/[id].svelte
index d5a39daa..1f1a7aa3 100644
--- a/src/routes/invoice/[id].svelte
+++ b/src/routes/invoice/[id].svelte
@@ -67,10 +67,10 @@
 	let init = async (ready) => {
 		if (!ready) return;
 		let { default: QRCodeStyling } = await import('qr-code-styling');
-		console.log('text', text);
+
 		const qrCode = new QRCodeStyling({
 			width: window.screen.width < 640 ? 250 : 300,
-			type: 'svg',
+			type: 'canvas',
 			data: text,
 			image: '/images/invoice.svg',
 			backgroundOptions: {
@@ -102,9 +102,6 @@
 	};
 
 	let customInput;
-
-	let qrSkeleton = true;
-	setTimeout(() => (qrSkeleton = false), 1000);
 </script>
 
 {#if $user}
@@ -227,13 +224,7 @@
 						class="border {showMobileTip
 							? 'border-gray-400'
 							: 'border-lightgrey'} rounded-3xl block md:flex md:p-5 justify-center items-center h-[300px] md:h-[342px] w-[250px] md:w-[342px] relative"
-					>
-						<div
-							class="z-100 h-[300px] md:h-[342px] w-[250px] md:w-[342px] animate-pulse absolute top-0 left-0 bg-gray-400 rounded-3xl {qrSkeleton
-								? 'block'
-								: 'hidden'}"
-						/>
-					</div>
+					/>
 
 					<div class="px-5 space-y-3">
 						<div class="flex justify-between">
diff --git a/src/routes/register.js b/src/routes/register.js
index 86f12dda..1bb03ba6 100644
--- a/src/routes/register.js
+++ b/src/routes/register.js
@@ -8,7 +8,7 @@ export async function POST({ request }) {
 	} catch (e) {
 		return {
 			status: 500,
-			body: e,
+			body: e
 		};
 	}
 }