From 059613490db9be904791686c49851ec1cc095774 Mon Sep 17 00:00:00 2001
From: Adam Soltys <asoltys@gmail.com>
Date: Tue, 26 Jul 2022 21:06:01 -0700
Subject: register endpoint

---
 src/routes/register.js | 6 ++++++
 1 file changed, 6 insertions(+)
 create mode 100644 src/routes/register.js

(limited to 'src/routes/register.js')

diff --git a/src/routes/register.js b/src/routes/register.js
new file mode 100644
index 00000000..9f79f94e
--- /dev/null
+++ b/src/routes/register.js
@@ -0,0 +1,6 @@
+import { post } from '$lib/utils';
+
+export async function POST({ request }) {
+	let user = await request.json();
+	return { body: await post('/register', { user }) };
+}
-- 
cgit v1.2.3


From a54d21b74afb4bfc55c48828a716b43acbbc7819 Mon Sep 17 00:00:00 2001
From: Adam Soltys <asoltys@gmail.com>
Date: Mon, 1 Aug 2022 10:51:56 -0700
Subject: catch registration errors

---
 src/components/RegisterOrLogin.svelte |  5 ++++-
 src/routes/register.js                | 12 ++++++++++--
 2 files changed, 14 insertions(+), 3 deletions(-)

(limited to 'src/routes/register.js')

diff --git a/src/components/RegisterOrLogin.svelte b/src/components/RegisterOrLogin.svelte
index cbaad236..2463f47f 100644
--- a/src/components/RegisterOrLogin.svelte
+++ b/src/components/RegisterOrLogin.svelte
@@ -18,12 +18,14 @@
 	}[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;
 		auth();
-		user.subscribe(({ username }) => goto(`/${username}/receive`));
 	};
+
+	$: if ($user) goto(`/${username}/receive`);
 </script>
 
 <div class="pt-10">
@@ -40,6 +42,7 @@
 			<form class="space-y-5" on:submit|preventDefault={submit}>
 				<div>
 					<label for="username" class="font-semibold">Username</label>
+          <!-- svelte-ignore a11y-autofocus -->
 					<input
 						type="text"
 						required
diff --git a/src/routes/register.js b/src/routes/register.js
index 9f79f94e..86f12dda 100644
--- a/src/routes/register.js
+++ b/src/routes/register.js
@@ -1,6 +1,14 @@
 import { post } from '$lib/utils';
 
 export async function POST({ request }) {
-	let user = await request.json();
-	return { body: await post('/register', { user }) };
+	try {
+		let user = await request.json();
+		let body = await post('/register', { user });
+		return { body };
+	} catch (e) {
+		return {
+			status: 500,
+			body: e,
+		};
+	}
 }
-- 
cgit v1.2.3


From 53b35c5b13797ea59bec850447fd347214fef025 Mon Sep 17 00:00:00 2001
From: Adam Soltys <asoltys@gmail.com>
Date: Mon, 1 Aug 2022 12:27:49 -0700
Subject: use canvas for qr code

---
 src/components/RegisterOrLogin.svelte |  3 +--
 src/routes/invoice/[id].svelte        | 15 +++------------
 src/routes/register.js                |  2 +-
 3 files changed, 5 insertions(+), 15 deletions(-)

(limited to 'src/routes/register.js')

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