From 67c4af186fec0423664b18847921eb9696a1eeef Mon Sep 17 00:00:00 2001
From: Adam Soltys <asoltys@gmail.com>
Date: Wed, 18 Jan 2023 19:44:27 -0800
Subject: pots

---
 src/components/Event.svelte                        |  10 +-
 src/components/Feed.svelte                         |   4 +-
 src/components/RegisterOrLogin.svelte              |   4 +-
 src/lib/invoice.js                                 |   8 +-
 src/lib/socket.js                                  |   5 +-
 src/locales/en.json                                |   8 +-
 src/routes/(app)/+layout.server.js                 |   4 +-
 .../(profile)/event/[id]/+page.server.js           |   3 +-
 .../[username]/(profile)/event/[id]/+page.svelte   |   6 +-
 src/routes/(app)/[username]/dashboard/+page.svelte |   2 +-
 .../[username]/payments/[...page]/+page.svelte     |   4 +-
 src/routes/(app)/invoice/+server.js                |   5 +
 src/routes/(app)/invoice/[hash]/+layout.server.js  |  19 ++
 src/routes/(app)/invoice/[hash]/+layout.svelte     |   1 +
 src/routes/(app)/invoice/[hash]/+page.server.js    |   5 +
 src/routes/(app)/invoice/[hash]/+page.svelte       | 158 +++++++++++++
 src/routes/(app)/invoice/[hash]/paid/+page.svelte  |  62 +++++
 .../(app)/invoice/[hash]/tip/+page.server.js       |  11 +
 src/routes/(app)/invoice/[hash]/tip/+page.svelte   | 252 +++++++++++++++++++++
 src/routes/(app)/invoice/[id]/+layout.server.js    |  19 --
 src/routes/(app)/invoice/[id]/+layout.svelte       |   1 -
 src/routes/(app)/invoice/[id]/+page.server.js      |   5 -
 src/routes/(app)/invoice/[id]/+page.svelte         | 158 -------------
 src/routes/(app)/invoice/[id]/paid/+page.svelte    |  62 -----
 src/routes/(app)/invoice/[id]/tip/+page.server.js  |  11 -
 src/routes/(app)/invoice/[id]/tip/+page.svelte     | 252 ---------------------
 src/routes/(app)/login/+page.server.js             |   2 +-
 src/routes/(app)/password/+server.js               |   2 +-
 src/routes/(app)/pot/[name]/+page.server.js        |  23 ++
 src/routes/(app)/pot/[name]/+page.svelte           |  96 ++++++++
 .../(app)/pot/[name]/withdraw/+page.server.js      |  21 ++
 src/routes/(app)/pot/[name]/withdraw/+page.svelte  |  55 +++++
 src/routes/(app)/register/+page.server.js          |   6 +-
 src/routes/(app)/send/[...text]/+page.server.js    |   6 +-
 .../send/pot/[name]/[...amount]/+page.server.js    |  17 ++
 .../(app)/send/pot/[name]/[...amount]/+page.svelte |  55 +++++
 .../user/[username]/[...amount]/+page.server.js    |   2 +
 .../send/user/[username]/[...amount]/+page.svelte  |  18 +-
 src/routes/(app)/send/voucher/+page.server.js      |  16 --
 src/routes/(app)/send/voucher/+page.svelte         |  54 -----
 src/routes/(app)/sent/+page.server.js              |   6 +-
 src/routes/(app)/sent/+page.svelte                 |   2 +-
 src/routes/(app)/tx/[id]/+page.server.js           |   2 +-
 src/routes/(app)/tx/[id]/+page.svelte              |  28 +--
 .../(app)/voucher/[redeemcode]/+page.server.js     |  24 --
 src/routes/(app)/voucher/[redeemcode]/+page.svelte |  77 -------
 46 files changed, 853 insertions(+), 738 deletions(-)
 create mode 100644 src/routes/(app)/invoice/+server.js
 create mode 100644 src/routes/(app)/invoice/[hash]/+layout.server.js
 create mode 100644 src/routes/(app)/invoice/[hash]/+layout.svelte
 create mode 100644 src/routes/(app)/invoice/[hash]/+page.server.js
 create mode 100644 src/routes/(app)/invoice/[hash]/+page.svelte
 create mode 100644 src/routes/(app)/invoice/[hash]/paid/+page.svelte
 create mode 100644 src/routes/(app)/invoice/[hash]/tip/+page.server.js
 create mode 100644 src/routes/(app)/invoice/[hash]/tip/+page.svelte
 delete mode 100644 src/routes/(app)/invoice/[id]/+layout.server.js
 delete mode 100644 src/routes/(app)/invoice/[id]/+layout.svelte
 delete mode 100644 src/routes/(app)/invoice/[id]/+page.server.js
 delete mode 100644 src/routes/(app)/invoice/[id]/+page.svelte
 delete mode 100644 src/routes/(app)/invoice/[id]/paid/+page.svelte
 delete mode 100644 src/routes/(app)/invoice/[id]/tip/+page.server.js
 delete mode 100644 src/routes/(app)/invoice/[id]/tip/+page.svelte
 create mode 100644 src/routes/(app)/pot/[name]/+page.server.js
 create mode 100644 src/routes/(app)/pot/[name]/+page.svelte
 create mode 100644 src/routes/(app)/pot/[name]/withdraw/+page.server.js
 create mode 100644 src/routes/(app)/pot/[name]/withdraw/+page.svelte
 create mode 100644 src/routes/(app)/send/pot/[name]/[...amount]/+page.server.js
 create mode 100644 src/routes/(app)/send/pot/[name]/[...amount]/+page.svelte
 delete mode 100644 src/routes/(app)/send/voucher/+page.server.js
 delete mode 100644 src/routes/(app)/send/voucher/+page.svelte
 delete mode 100644 src/routes/(app)/voucher/[redeemcode]/+page.server.js
 delete mode 100644 src/routes/(app)/voucher/[redeemcode]/+page.svelte

(limited to 'src')

diff --git a/src/components/Event.svelte b/src/components/Event.svelte
index 704a0636..68f44589 100644
--- a/src/components/Event.svelte
+++ b/src/components/Event.svelte
@@ -1,8 +1,8 @@
 <script>
-  import { Avatar, Icon } from "$comp";
-  export let event;
+	import { Avatar, Icon } from '$comp';
+	export let event;
 
-  let { id, user, seen, content } = event;
+	let { id, user, seen, content } = event;
 
 	let distance = (date) => {
 		let m = 60;
@@ -30,10 +30,10 @@
 	<a href={`/${user.pubkey}`}>
 		<div class="mb-auto mr-2">
 			<div class="md:hidden">
-				<Avatar size={12} user={user} disabled={true} />
+				<Avatar size={12} {user} disabled={true} />
 			</div>
 			<div class="hidden md:block">
-				<Avatar size={20} user={user} disabled={true} />
+				<Avatar size={20} {user} disabled={true} />
 			</div>
 		</div>
 	</a>
diff --git a/src/components/Feed.svelte b/src/components/Feed.svelte
index a552be67..ab757fa1 100644
--- a/src/components/Feed.svelte
+++ b/src/components/Feed.svelte
@@ -60,8 +60,8 @@
 {#if browser}
 	{#if sorted.length}
 		<VirtualScroll data={sorted} key="id" let:data pageMode={true} estimateSize={200}>
-      <a href={`/${data.user.pubkey}/event/${data.id}`}>
-        <Event event={data} />
+			<a href={`/${data.user.pubkey}/event/${data.id}`}>
+				<Event event={data} />
 			</a>
 		</VirtualScroll>
 	{:else}
diff --git a/src/components/RegisterOrLogin.svelte b/src/components/RegisterOrLogin.svelte
index 23a045a0..7ac2fbb3 100644
--- a/src/components/RegisterOrLogin.svelte
+++ b/src/components/RegisterOrLogin.svelte
@@ -6,7 +6,7 @@
 	import { enhance } from '$app/forms';
 	import { Icon, Spinner } from '$comp';
 	import { focus } from '$lib/utils';
-	import { password } from '$lib/store';
+	import { password, loginRedirect } from '$lib/store';
 	import { t } from '$lib/translations';
 	import { page } from '$app/stores';
 	import { generate } from '$lib/nostr';
@@ -114,6 +114,8 @@
 				{/if}
 
 				<form class="space-y-5" on:submit|preventDefault={handleSubmit} method="POST">
+					<input type="hidden" name="loginRedirect" value={$loginRedirect} />
+
 					<div>
 						<label for="username" class="font-semibold">{$t('login.username')}</label>
 						<input
diff --git a/src/lib/invoice.js b/src/lib/invoice.js
index c81b4061..fa29130e 100644
--- a/src/lib/invoice.js
+++ b/src/lib/invoice.js
@@ -19,19 +19,19 @@ export default async ({ cookies, request, url }) => {
 
 	let user = { username: form.get('username'), currency: form.get('currency') };
 
-	let { id } = await post('/invoice', { invoice, user }, auth(cookies));
+	let { hash } = await post('/invoice', { invoice, user }, auth(cookies));
 
 	if (request_id) {
 		if (url.pathname.endsWith('tip')) {
-			throw redirect(307, `/send/${id}`);
+			throw redirect(307, `/send/${hash}`);
 		}
 
 		throw redirect(307, `/${user.username}/request/${request_id}`);
 	}
 
 	if (invoice.prompt) {
-		throw redirect(307, `/invoice/${id}/tip`);
+		throw redirect(307, `/invoice/${hash}/tip`);
 	} else {
-		throw redirect(307, `/invoice/${id}`);
+		throw redirect(307, `/invoice/${hash}`);
 	}
 };
diff --git a/src/lib/socket.js b/src/lib/socket.js
index 755c87e4..86083974 100644
--- a/src/lib/socket.js
+++ b/src/lib/socket.js
@@ -58,8 +58,7 @@ export const messages = (data) => ({
 
 	async payment() {
 		let { amount, invoice } = data;
-
-		if (invoice) invalidate('app:invoice');
+		invalidate('app:invoice');
 
 		let payments = get(txns);
 		let i = payments.findIndex((p) => p.id === data.id);
@@ -118,5 +117,5 @@ function reconnectToWebsocket() {
 	if (currentReconnectDelay < maxReconnectDelay) {
 		currentReconnectDelay *= 2;
 	}
-	connect();
+	connect(token);
 }
diff --git a/src/locales/en.json b/src/locales/en.json
index 86504df5..b7f4c316 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -258,12 +258,12 @@
 		}
 	},
 	"payments": {
-    "amount": "Amount",
-    "date": "Date",
-    "id": "Transaction ID",
+		"amount": "Amount",
+		"date": "Date",
+		"id": "Transaction ID",
 		"details": "Transaction Details",
 		"header": "Payments",
-    "preimage": "Preimage",
+		"preimage": "Preimage",
 		"type": "Type",
 		"time": "Time",
 		"sent": "Sent",
diff --git a/src/routes/(app)/+layout.server.js b/src/routes/(app)/+layout.server.js
index f69c914f..63a01df6 100644
--- a/src/routes/(app)/+layout.server.js
+++ b/src/routes/(app)/+layout.server.js
@@ -29,8 +29,8 @@ export async function load({ cookies, request, url, params }) {
 		rate = await get('/rate');
 		rates = await get('/rates');
 	} catch (e) {
-    console.log(e)
-  }
+		console.log(e);
+	}
 
 	return { user, token, rate, rates };
 }
diff --git a/src/routes/(app)/[username]/(profile)/event/[id]/+page.server.js b/src/routes/(app)/[username]/(profile)/event/[id]/+page.server.js
index f31b4902..6182de17 100644
--- a/src/routes/(app)/[username]/(profile)/event/[id]/+page.server.js
+++ b/src/routes/(app)/[username]/(profile)/event/[id]/+page.server.js
@@ -5,9 +5,8 @@ export async function load({ params: { id } }) {
 	try {
 		let event = await get(`/event/${id}`);
 		if (!event) throw error(500, 'Event not found');
-	return { event };
+		return { event };
 	} catch (e) {
 		throw error(500, e.message);
 	}
-
 }
diff --git a/src/routes/(app)/[username]/(profile)/event/[id]/+page.svelte b/src/routes/(app)/[username]/(profile)/event/[id]/+page.svelte
index 1347947f..85fc815a 100644
--- a/src/routes/(app)/[username]/(profile)/event/[id]/+page.svelte
+++ b/src/routes/(app)/[username]/(profile)/event/[id]/+page.svelte
@@ -1,7 +1,7 @@
 <script>
-  import { Event } from "$comp";
-  export let data;
-  let { event } = data;
+	import { Event } from '$comp';
+	export let data;
+	let { event } = data;
 </script>
 
 <Event {event} />
diff --git a/src/routes/(app)/[username]/dashboard/+page.svelte b/src/routes/(app)/[username]/dashboard/+page.svelte
index 3779ab2f..314e3577 100644
--- a/src/routes/(app)/[username]/dashboard/+page.svelte
+++ b/src/routes/(app)/[username]/dashboard/+page.svelte
@@ -121,7 +121,7 @@
 	<!-- 						<div class="font-bold"> -->
 	<!-- 							{f(amount * (rate / sats), currency)} -->
 	<!-- 						</div> -->
-  <!--  -->
+	<!--  -->
 	<!-- 						<div class="text-secondary">{sat(amount)}</div> -->
 	<!-- 					</div> -->
 	<!-- 				</div> -->
diff --git a/src/routes/(app)/[username]/payments/[...page]/+page.svelte b/src/routes/(app)/[username]/payments/[...page]/+page.svelte
index 4348eb72..e37b3221 100644
--- a/src/routes/(app)/[username]/payments/[...page]/+page.svelte
+++ b/src/routes/(app)/[username]/payments/[...page]/+page.svelte
@@ -163,10 +163,10 @@
 
 						<div class="text-secondary text-right text-sm my-auto">
 							<div>
-								{format(new Date(tx.created_at), 'h:mm aaa')}
+								{format(new Date(tx.created), 'h:mm aaa')}
 							</div>
 							<div>
-								{format(new Date(tx.created_at), 'MMM d')}
+								{format(new Date(tx.created), 'MMM d')}
 							</div>
 						</div>
 					</div>
diff --git a/src/routes/(app)/invoice/+server.js b/src/routes/(app)/invoice/+server.js
new file mode 100644
index 00000000..1321739e
--- /dev/null
+++ b/src/routes/(app)/invoice/+server.js
@@ -0,0 +1,5 @@
+import { auth, post } from '$lib/utils';
+import { json } from '@sveltejs/kit';
+
+export let POST = async ({ cookies: c, request: r }) =>
+	json(await post('/invoice', await r.json(), auth(c)));
diff --git a/src/routes/(app)/invoice/[hash]/+layout.server.js b/src/routes/(app)/invoice/[hash]/+layout.server.js
new file mode 100644
index 00000000..61a479ab
--- /dev/null
+++ b/src/routes/(app)/invoice/[hash]/+layout.server.js
@@ -0,0 +1,19 @@
+import Qr from 'qrcode-base64';
+import { get } from '$lib/utils';
+import { redirect } from '@sveltejs/kit';
+
+export async function load({ depends, params, url }) {
+	depends('app:invoice');
+
+	let { hash } = params;
+	let invoice = await get(`/invoice?hash=${hash}`);
+	let { amount, received } = invoice;
+	amount = parseInt(amount);
+
+	let paid = (!amount && received) || (amount > 0 && received >= amount);
+	if (paid && !url.pathname.endsWith('paid')) throw redirect(307, `/invoice/${hash}/paid`);
+
+	let sm = Qr.drawImg(invoice.text, { size: 300 });
+
+	return { hash, invoice, sm, lg: sm };
+}
diff --git a/src/routes/(app)/invoice/[hash]/+layout.svelte b/src/routes/(app)/invoice/[hash]/+layout.svelte
new file mode 100644
index 00000000..4fa864ce
--- /dev/null
+++ b/src/routes/(app)/invoice/[hash]/+layout.svelte
@@ -0,0 +1 @@
+<slot />
diff --git a/src/routes/(app)/invoice/[hash]/+page.server.js b/src/routes/(app)/invoice/[hash]/+page.server.js
new file mode 100644
index 00000000..1068f273
--- /dev/null
+++ b/src/routes/(app)/invoice/[hash]/+page.server.js
@@ -0,0 +1,5 @@
+import invoice from '$lib/invoice';
+
+export const actions = {
+	default: invoice
+};
diff --git a/src/routes/(app)/invoice/[hash]/+page.svelte b/src/routes/(app)/invoice/[hash]/+page.svelte
new file mode 100644
index 00000000..28ff27c0
--- /dev/null
+++ b/src/routes/(app)/invoice/[hash]/+page.svelte
@@ -0,0 +1,158 @@
+<script>
+	import { send } from '$lib/socket';
+	import { back, copy, f, get, sat, reverseFormat, s, sats } from '$lib/utils';
+	import { tick, onMount, onDestroy } from 'svelte';
+	import { browser } from '$app/environment';
+	import { last } from '$lib/store';
+	import { Avatar, Icon, Heart, Image, Qr } from '$comp';
+	import { t } from '$lib/translations';
+	import screenfull from 'screenfull';
+
+	export let data;
+
+	$: refresh(data);
+	let { invoice, id, user, sm, lg } = data;
+	let {
+		address,
+		amount,
+		network,
+		rate,
+		received,
+		prompt,
+		text,
+		tip,
+		user: { username, currency }
+	} = invoice;
+
+	let showQr = !amount;
+
+	let src = sm;
+
+	let qr;
+	let tipPercent = 0;
+
+	let refresh = (data) => {
+		({ invoice, id } = data);
+		({
+			address,
+			amount,
+			network,
+			rate,
+			received,
+			prompt,
+			text,
+			tip,
+			user: { username, currency }
+		} = invoice);
+
+		tipPercent = (tip / amount) * 100;
+	};
+
+	$: amountFiat = parseFloat(((amount * rate) / sats).toFixed(2));
+	$: tipAmount = ((tip * rate) / sats).toFixed(2);
+
+	let subbed;
+	onMount(() => {
+		browser &&
+			last.subscribe((v) => {
+				if (!v || subbed) return;
+				subbed = true;
+				send('subscribe', invoice);
+			});
+	});
+
+	$: link = address ? text : `lightning:${text}`;
+
+	let full;
+	let toggle = () => {
+		screenfull.toggle(qr);
+		full = !full;
+		if (full) src = lg;
+		else src = sm;
+	};
+</script>
+
+<button class="ml-5 md:ml-20 mt-5 md:mt-10 hover:opacity-80" on:click={back}>
+	<Icon icon="arrow-left" style="w-10" />
+</button>
+
+<div class="container mx-auto max-w-lg px-4 space-y-2 sm:space-y-5">
+	<div>
+		<div class="flex w-full">
+			<div class="mx-auto">
+				<a href="/{username}" class="text-black font-semibold hover:opacity-80 mx-auto">
+					<div class="flex my-auto">
+						<Avatar user={invoice.user} size={20} />
+						<div class="my-auto text-lg">{username}</div>
+					</div>
+				</a>
+			</div>
+		</div>
+	</div>
+
+	<div class="w-full">
+		<img {src} class:p-4={full} class="w-[300px] mx-auto" bind:this={qr} on:click={toggle} />
+	</div>
+
+	{#if address}
+		<div class="text-secondary text-center">{address}</div>
+	{/if}
+
+	<div class="flex gap-2 justify-center">
+		<button
+			class="flex rounded-full border py-2 px-5 font-bold hover:opacity-80"
+			on:click={() => copy(address ? address : text)}
+			><Icon icon="copy" style="mr-1" />
+			<div>Copy</div></button
+		>
+
+		{#if user && user.username !== username}
+			<a href={`/send/${invoice.id}`}>
+				<button class="flex rounded-full border py-2 px-5 font-bold hover:opacity-80">
+					<Icon icon="send" style="mr-1" />
+					<div class="my-auto">Pay</div>
+				</button>
+			</a>
+		{/if}
+	</div>
+
+	<div class="space-y-2 w-80 mx-auto">
+		{#if invoice.tip}
+			<div class="flex justify-between">
+				{$t('invoice.invoice')}
+				<span>
+					{f(amountFiat, currency)}
+					<span class="text-secondary">{`${sat(amount)}`}</span>
+				</span>
+			</div>
+
+			<div class="flex justify-between">
+				{$t('invoice.tip')}
+				<span
+					>{f(tipAmount, currency)}
+					<span class="text-secondary">{`${sat(tip)}`}</span>
+				</span>
+			</div>
+		{/if}
+
+		{#if amount > 0}
+			<div class="flex flex-wrap justify-between font-bold text-2xl !my-5">
+				<span class="mr-1">{$t('invoice.total')}</span>
+				<span
+					>{f(amountFiat + parseFloat(tipAmount), currency)}
+					<span class="text-secondary font-normal">{`${sat(tip + amount)}`}</span></span
+				>
+			</div>
+		{/if}
+	</div>
+</div>
+
+<style>
+	.full {
+		@apply p-8;
+	}
+
+	.full-shadow {
+		box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.25);
+	}
+</style>
diff --git a/src/routes/(app)/invoice/[hash]/paid/+page.svelte b/src/routes/(app)/invoice/[hash]/paid/+page.svelte
new file mode 100644
index 00000000..2ccbc971
--- /dev/null
+++ b/src/routes/(app)/invoice/[hash]/paid/+page.svelte
@@ -0,0 +1,62 @@
+<script>
+	import { scale } from 'svelte/transition';
+	import { Icon } from '$comp';
+	import { toast } from '@zerodevx/svelte-toast';
+	import { browser } from '$app/environment';
+	import { t } from '$lib/translations';
+	import { f, s, sat, sats } from '$lib/utils';
+	import { goto } from '$app/navigation';
+
+	export let data;
+	let amount, currency, rate, received, pending, tip, user, id;
+	$: data && ({ amount, currency, rate, received, pending, tip, user, id } = data.invoice);
+
+	toast.pop(0);
+
+	$: amountFiat = parseFloat((((received - tip) * rate) / sats).toFixed(2));
+	$: pendingFiat = parseFloat((((pending - tip) * rate) / sats).toFixed(2));
+	$: tipFiat = parseFloat(((tip * rate) / sats).toFixed(2));
+</script>
+
+<div class="container px-4 text-center mx-auto">
+	<div class="flex w-full py-20 max-w-[200px] mx-auto" in:scale={{ start: 0.5 }}>
+		<Icon icon="check" style="mx-auto" />
+	</div>
+	{#if received}
+		<h1 class="text-3xl md:text-4xl font-bold mb-6">{$t('invoice.paymentSuccessful')}</h1>
+		<h2 class="text-2xl md:text-3xl font-semibold">
+			{f(amountFiat, currency)}
+			{#if tip}
+				+ {f(tipFiat, currency)}
+			{/if}
+		</h2>
+		<h3 class="text-secondary md:text-lg mb-6 mt-1">
+			{sat(received - tip)}
+			{#if tip}
+				+{sat(tip)}
+			{/if}
+		</h3>
+	{/if}
+
+	{#if pending}
+		<h1 class="text-3xl md:text-4xl font-bold mb-6">Payment detected</h1>
+		<h2 class="text-2xl md:text-3xl font-semibold">
+			{f(pendingFiat, currency)}
+			{#if tip}
+				+ {f(tipFiat, currency)}
+			{/if}
+		</h2>
+		<h3 class="text-secondary md:text-lg mb-6 mt-1">
+			{sat(pending - tip)}
+			{#if tip}
+				+{sat(tip)}
+			{/if}
+		</h3>
+	{/if}
+</div>
+
+<a href={`/${user.username}/receive`}>
+	<div class="opacity-0 w-screen h-screen fixed top-0 left-0 z-50" />
+</a>
+
+<div class="fixed bottom-10 w-full text-center">{$t('payments.tapAnywhere')}</div>
diff --git a/src/routes/(app)/invoice/[hash]/tip/+page.server.js b/src/routes/(app)/invoice/[hash]/tip/+page.server.js
new file mode 100644
index 00000000..c78e5020
--- /dev/null
+++ b/src/routes/(app)/invoice/[hash]/tip/+page.server.js
@@ -0,0 +1,11 @@
+import invoice from '$lib/invoice';
+import { redirect } from '@sveltejs/kit';
+
+export async function load({ parent }) {
+	let { invoice } = await parent();
+	if (!invoice.amount) throw redirect(307, `/invoice/${invoice.id}`);
+}
+
+export const actions = {
+	default: invoice
+};
diff --git a/src/routes/(app)/invoice/[hash]/tip/+page.svelte b/src/routes/(app)/invoice/[hash]/tip/+page.svelte
new file mode 100644
index 00000000..308720ab
--- /dev/null
+++ b/src/routes/(app)/invoice/[hash]/tip/+page.svelte
@@ -0,0 +1,252 @@
+<script>
+	import { onMount } from 'svelte';
+	import { browser } from '$app/environment';
+	import { invoice as inv, request } from '$lib/store';
+	import { back, copy, f, sat, get, reverseFormat, s, sats } from '$lib/utils';
+	import { Icon } from '$comp';
+	import { goto } from '$app/navigation';
+	import { t } from '$lib/translations';
+	import { enhance } from '$app/forms';
+	import { tick } from 'svelte';
+
+	const tipAmounts = ['No', '10%', '15%', '20%'];
+	let showCustomAmount;
+
+	let customInput;
+	let customTipAmount;
+
+	let apply = async () => {
+		if (customTipAmount > 0) {
+			tipPercent = (customTipAmount / amountFiat) * 100;
+			showCustomAmount = false;
+		}
+	};
+
+	let active = (amount) =>
+		!customTipAmount && Math.round(tipPercent) === parseInt(amount.slice(0, 2));
+
+	const handleCustomTipAmount = (e) => {
+		tipPercent = 0;
+		customTipAmount = e.target.value;
+	};
+
+	let timeout;
+	const handleSlide = (e) => {
+		customTipAmount = '';
+		if (customInput) {
+			customInput.value = '';
+		}
+		tipPercent = e.target.value;
+
+		clearTimeout(timeout);
+		timeout = setTimeout(update, 800);
+	};
+
+	let submitting;
+	const handleTipButtonClick = async (amount) => {
+		submitting = true;
+		if (amount === 'No') {
+			tipPercent = 0;
+		} else {
+			tipPercent = parseInt(amount.slice(0, 2));
+		}
+
+		await tick();
+		submit.click();
+	};
+
+	let submit;
+	let update = async () => {
+		await tick();
+		//submit.click();
+	};
+
+	export let data;
+	$: refresh(data);
+	let { invoice, id, user } = data;
+	let {
+		amount,
+		network,
+		rate,
+		received,
+		prompt,
+		text,
+		tip,
+		user: { username, currency }
+	} = invoice;
+
+	let qr;
+	let tipPercent = 0;
+
+	let fullscreen;
+
+	let refresh = (data) => {
+		$inv = null;
+
+		({ invoice, id } = data);
+		({
+			amount,
+			network,
+			rate,
+			received,
+			prompt,
+			text,
+			tip,
+			user: { username, currency }
+		} = invoice);
+
+		tipPercent = (tip / amount) * 100;
+	};
+
+	$: tip = Math.round((amount / 100) * tipPercent);
+
+	$: amountFiat = parseFloat(((amount * rate) / sats).toFixed(2));
+
+	$: tipAmount = ((tip * rate) / sats).toFixed(2);
+
+	$: invoiceAmountFiatFormatted = f(amountFiat, currency);
+
+	onMount(() => ($request = undefined));
+</script>
+
+<button class="ml-5 md:ml-20 mt-5 md:mt-10 hover:opacity-80" on:click={back}>
+	<Icon icon="arrow-left" style="w-10" />
+</button>
+
+<div class="container px-4 max-w-lg text-center mx-auto">
+	<form method="POST" use:enhance class:invisible={submitting}>
+		<input type="hidden" name="amount" value={amount} />
+		<input type="hidden" name="tip" value={tip} />
+		<input type="hidden" name="username" value={username} />
+		<input type="hidden" name="rate" value={rate} />
+		<input type="hidden" name="prompt" value="false" />
+		<input type="hidden" name="network" value={network} />
+		<input type="hidden" name="request_id" value={invoice.request?.id} />
+
+		<h1 class="text-4xl font-semibold my-8">{$t('invoice.addTipq')}</h1>
+		{#if !showCustomAmount}
+			<div class="my-2 text-xl">{Math.round(tipPercent)}%</div>
+
+			<input
+				id="slider"
+				type="range"
+				min="0"
+				max="100"
+				value={tipPercent}
+				class="px-0 py-0 my-5"
+				style="--bgPercent: {tipPercent}%;"
+				on:input={handleSlide}
+			/>
+
+			<div class="flex mb-8 text-lg">
+				<div>
+					<span class="mr-1">
+						{f(amountFiat, currency)}
+						<span class="font-semibold">+{f(tipAmount, currency)}</span>
+					</span>
+				</div>
+
+				<div class="ml-auto text-lg">
+					{sat(amount)}
+					<span class="font-semibold">+{sat(tip)}</span>
+				</div>
+			</div>
+
+			{#if tip}
+				<div>
+					<button type="button" on:click={() => submit.click()}>Next</button>
+					<button type="button" on:click={() => (tipPercent = 0)}>Reset</button>
+				</div>
+			{:else}
+				{#each tipAmounts as amount}
+					<button
+						type="button"
+						class:active={active(amount, tipPercent)}
+						on:click={() => handleTipButtonClick(amount)}>{amount}</button
+					>
+				{/each}
+			{/if}
+
+			<div>
+				<button type="button" on:click={() => (showCustomAmount = true)}>Custom</button>
+			</div>
+		{/if}
+
+		<button type="submit" bind:this={submit} />
+	</form>
+
+	{#if showCustomAmount}
+		<form on:submit|preventDefault={apply}>
+			<div class="relative">
+				<span
+					class="absolute top-[18px] left-5 font-semibold {!customTipAmount
+						? 'opacity-50'
+						: 'opacity-100'}">$</span
+				>
+				<input
+					bind:this={customInput}
+					type="number"
+					step="0.01"
+					on:input={(e) => handleCustomTipAmount(e)}
+					class="pl-10"
+					placeholder="Custom amount"
+					autofocus
+				/>
+				<button
+					type="submit"
+					class="w-full mt-2 bg-black text-white font-semibold py-3 px-7 rounded-2xl {!customTipAmount
+						? 'opacity-50'
+						: 'opacity-100 hover:opacity-80'}"
+					disabled={!customTipAmount}>Apply</button
+				>
+			</div>
+		</form>
+	{/if}
+</div>
+
+<style>
+	#slider {
+		-webkit-appearance: none;
+		width: 100%;
+		height: 6px;
+		border-radius: 5px;
+		background: linear-gradient(
+			to right,
+			black 0%,
+			black var(--bgPercent),
+			#f5f7fa var(--bgPercent),
+			#f5f7fa 100%
+		);
+		outline: none;
+	}
+
+	#slider:active {
+		background-color: black;
+	}
+
+	#slider::-webkit-slider-thumb {
+		-webkit-appearance: none;
+		appearance: none;
+		width: 30px;
+		height: 30px;
+		border-radius: 50%;
+		background: black;
+		cursor: pointer;
+	}
+
+	#slider::-moz-range-thumb {
+		width: 30px;
+		height: 30px;
+		border-radius: 50%;
+		background: black;
+		cursor: pointer;
+	}
+
+	.active {
+		@apply !bg-black !text-white;
+	}
+
+	.container button[type='button'] {
+		@apply w-full mt-2 bg-primary text-black hover:bg-black hover:text-white font-semibold py-5 px-7 rounded-2xl;
+	}
+</style>
diff --git a/src/routes/(app)/invoice/[id]/+layout.server.js b/src/routes/(app)/invoice/[id]/+layout.server.js
deleted file mode 100644
index 78d8481e..00000000
--- a/src/routes/(app)/invoice/[id]/+layout.server.js
+++ /dev/null
@@ -1,19 +0,0 @@
-import Qr from 'qrcode-base64';
-import { get } from '$lib/utils';
-import { redirect } from '@sveltejs/kit';
-
-export async function load({ depends, params, url }) {
-	depends('app:invoice');
-
-	let { id } = params;
-	let invoice = await get(`/invoice?id=${id}`);
-	let { amount, received } = invoice;
-	amount = parseInt(amount);
-
-	let paid = (!amount && received) || (amount > 0 && received >= amount);
-	if (paid && !url.pathname.endsWith('paid')) throw redirect(307, `/invoice/${id}/paid`);
-
-	let sm = Qr.drawImg(invoice.text, { size: 300 });
-
-	return { id, invoice, sm, lg: sm };
-}
diff --git a/src/routes/(app)/invoice/[id]/+layout.svelte b/src/routes/(app)/invoice/[id]/+layout.svelte
deleted file mode 100644
index 4fa864ce..00000000
--- a/src/routes/(app)/invoice/[id]/+layout.svelte
+++ /dev/null
@@ -1 +0,0 @@
-<slot />
diff --git a/src/routes/(app)/invoice/[id]/+page.server.js b/src/routes/(app)/invoice/[id]/+page.server.js
deleted file mode 100644
index 1068f273..00000000
--- a/src/routes/(app)/invoice/[id]/+page.server.js
+++ /dev/null
@@ -1,5 +0,0 @@
-import invoice from '$lib/invoice';
-
-export const actions = {
-	default: invoice
-};
diff --git a/src/routes/(app)/invoice/[id]/+page.svelte b/src/routes/(app)/invoice/[id]/+page.svelte
deleted file mode 100644
index 28ff27c0..00000000
--- a/src/routes/(app)/invoice/[id]/+page.svelte
+++ /dev/null
@@ -1,158 +0,0 @@
-<script>
-	import { send } from '$lib/socket';
-	import { back, copy, f, get, sat, reverseFormat, s, sats } from '$lib/utils';
-	import { tick, onMount, onDestroy } from 'svelte';
-	import { browser } from '$app/environment';
-	import { last } from '$lib/store';
-	import { Avatar, Icon, Heart, Image, Qr } from '$comp';
-	import { t } from '$lib/translations';
-	import screenfull from 'screenfull';
-
-	export let data;
-
-	$: refresh(data);
-	let { invoice, id, user, sm, lg } = data;
-	let {
-		address,
-		amount,
-		network,
-		rate,
-		received,
-		prompt,
-		text,
-		tip,
-		user: { username, currency }
-	} = invoice;
-
-	let showQr = !amount;
-
-	let src = sm;
-
-	let qr;
-	let tipPercent = 0;
-
-	let refresh = (data) => {
-		({ invoice, id } = data);
-		({
-			address,
-			amount,
-			network,
-			rate,
-			received,
-			prompt,
-			text,
-			tip,
-			user: { username, currency }
-		} = invoice);
-
-		tipPercent = (tip / amount) * 100;
-	};
-
-	$: amountFiat = parseFloat(((amount * rate) / sats).toFixed(2));
-	$: tipAmount = ((tip * rate) / sats).toFixed(2);
-
-	let subbed;
-	onMount(() => {
-		browser &&
-			last.subscribe((v) => {
-				if (!v || subbed) return;
-				subbed = true;
-				send('subscribe', invoice);
-			});
-	});
-
-	$: link = address ? text : `lightning:${text}`;
-
-	let full;
-	let toggle = () => {
-		screenfull.toggle(qr);
-		full = !full;
-		if (full) src = lg;
-		else src = sm;
-	};
-</script>
-
-<button class="ml-5 md:ml-20 mt-5 md:mt-10 hover:opacity-80" on:click={back}>
-	<Icon icon="arrow-left" style="w-10" />
-</button>
-
-<div class="container mx-auto max-w-lg px-4 space-y-2 sm:space-y-5">
-	<div>
-		<div class="flex w-full">
-			<div class="mx-auto">
-				<a href="/{username}" class="text-black font-semibold hover:opacity-80 mx-auto">
-					<div class="flex my-auto">
-						<Avatar user={invoice.user} size={20} />
-						<div class="my-auto text-lg">{username}</div>
-					</div>
-				</a>
-			</div>
-		</div>
-	</div>
-
-	<div class="w-full">
-		<img {src} class:p-4={full} class="w-[300px] mx-auto" bind:this={qr} on:click={toggle} />
-	</div>
-
-	{#if address}
-		<div class="text-secondary text-center">{address}</div>
-	{/if}
-
-	<div class="flex gap-2 justify-center">
-		<button
-			class="flex rounded-full border py-2 px-5 font-bold hover:opacity-80"
-			on:click={() => copy(address ? address : text)}
-			><Icon icon="copy" style="mr-1" />
-			<div>Copy</div></button
-		>
-
-		{#if user && user.username !== username}
-			<a href={`/send/${invoice.id}`}>
-				<button class="flex rounded-full border py-2 px-5 font-bold hover:opacity-80">
-					<Icon icon="send" style="mr-1" />
-					<div class="my-auto">Pay</div>
-				</button>
-			</a>
-		{/if}
-	</div>
-
-	<div class="space-y-2 w-80 mx-auto">
-		{#if invoice.tip}
-			<div class="flex justify-between">
-				{$t('invoice.invoice')}
-				<span>
-					{f(amountFiat, currency)}
-					<span class="text-secondary">{`${sat(amount)}`}</span>
-				</span>
-			</div>
-
-			<div class="flex justify-between">
-				{$t('invoice.tip')}
-				<span
-					>{f(tipAmount, currency)}
-					<span class="text-secondary">{`${sat(tip)}`}</span>
-				</span>
-			</div>
-		{/if}
-
-		{#if amount > 0}
-			<div class="flex flex-wrap justify-between font-bold text-2xl !my-5">
-				<span class="mr-1">{$t('invoice.total')}</span>
-				<span
-					>{f(amountFiat + parseFloat(tipAmount), currency)}
-					<span class="text-secondary font-normal">{`${sat(tip + amount)}`}</span></span
-				>
-			</div>
-		{/if}
-	</div>
-</div>
-
-<style>
-	.full {
-		@apply p-8;
-	}
-
-	.full-shadow {
-		box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.25);
-	}
-</style>
diff --git a/src/routes/(app)/invoice/[id]/paid/+page.svelte b/src/routes/(app)/invoice/[id]/paid/+page.svelte
deleted file mode 100644
index 2ccbc971..00000000
--- a/src/routes/(app)/invoice/[id]/paid/+page.svelte
+++ /dev/null
@@ -1,62 +0,0 @@
-<script>
-	import { scale } from 'svelte/transition';
-	import { Icon } from '$comp';
-	import { toast } from '@zerodevx/svelte-toast';
-	import { browser } from '$app/environment';
-	import { t } from '$lib/translations';
-	import { f, s, sat, sats } from '$lib/utils';
-	import { goto } from '$app/navigation';
-
-	export let data;
-	let amount, currency, rate, received, pending, tip, user, id;
-	$: data && ({ amount, currency, rate, received, pending, tip, user, id } = data.invoice);
-
-	toast.pop(0);
-
-	$: amountFiat = parseFloat((((received - tip) * rate) / sats).toFixed(2));
-	$: pendingFiat = parseFloat((((pending - tip) * rate) / sats).toFixed(2));
-	$: tipFiat = parseFloat(((tip * rate) / sats).toFixed(2));
-</script>
-
-<div class="container px-4 text-center mx-auto">
-	<div class="flex w-full py-20 max-w-[200px] mx-auto" in:scale={{ start: 0.5 }}>
-		<Icon icon="check" style="mx-auto" />
-	</div>
-	{#if received}
-		<h1 class="text-3xl md:text-4xl font-bold mb-6">{$t('invoice.paymentSuccessful')}</h1>
-		<h2 class="text-2xl md:text-3xl font-semibold">
-			{f(amountFiat, currency)}
-			{#if tip}
-				+ {f(tipFiat, currency)}
-			{/if}
-		</h2>
-		<h3 class="text-secondary md:text-lg mb-6 mt-1">
-			{sat(received - tip)}
-			{#if tip}
-				+{sat(tip)}
-			{/if}
-		</h3>
-	{/if}
-
-	{#if pending}
-		<h1 class="text-3xl md:text-4xl font-bold mb-6">Payment detected</h1>
-		<h2 class="text-2xl md:text-3xl font-semibold">
-			{f(pendingFiat, currency)}
-			{#if tip}
-				+ {f(tipFiat, currency)}
-			{/if}
-		</h2>
-		<h3 class="text-secondary md:text-lg mb-6 mt-1">
-			{sat(pending - tip)}
-			{#if tip}
-				+{sat(tip)}
-			{/if}
-		</h3>
-	{/if}
-</div>
-
-<a href={`/${user.username}/receive`}>
-	<div class="opacity-0 w-screen h-screen fixed top-0 left-0 z-50" />
-</a>
-
-<div class="fixed bottom-10 w-full text-center">{$t('payments.tapAnywhere')}</div>
diff --git a/src/routes/(app)/invoice/[id]/tip/+page.server.js b/src/routes/(app)/invoice/[id]/tip/+page.server.js
deleted file mode 100644
index c78e5020..00000000
--- a/src/routes/(app)/invoice/[id]/tip/+page.server.js
+++ /dev/null
@@ -1,11 +0,0 @@
-import invoice from '$lib/invoice';
-import { redirect } from '@sveltejs/kit';
-
-export async function load({ parent }) {
-	let { invoice } = await parent();
-	if (!invoice.amount) throw redirect(307, `/invoice/${invoice.id}`);
-}
-
-export const actions = {
-	default: invoice
-};
diff --git a/src/routes/(app)/invoice/[id]/tip/+page.svelte b/src/routes/(app)/invoice/[id]/tip/+page.svelte
deleted file mode 100644
index 308720ab..00000000
--- a/src/routes/(app)/invoice/[id]/tip/+page.svelte
+++ /dev/null
@@ -1,252 +0,0 @@
-<script>
-	import { onMount } from 'svelte';
-	import { browser } from '$app/environment';
-	import { invoice as inv, request } from '$lib/store';
-	import { back, copy, f, sat, get, reverseFormat, s, sats } from '$lib/utils';
-	import { Icon } from '$comp';
-	import { goto } from '$app/navigation';
-	import { t } from '$lib/translations';
-	import { enhance } from '$app/forms';
-	import { tick } from 'svelte';
-
-	const tipAmounts = ['No', '10%', '15%', '20%'];
-	let showCustomAmount;
-
-	let customInput;
-	let customTipAmount;
-
-	let apply = async () => {
-		if (customTipAmount > 0) {
-			tipPercent = (customTipAmount / amountFiat) * 100;
-			showCustomAmount = false;
-		}
-	};
-
-	let active = (amount) =>
-		!customTipAmount && Math.round(tipPercent) === parseInt(amount.slice(0, 2));
-
-	const handleCustomTipAmount = (e) => {
-		tipPercent = 0;
-		customTipAmount = e.target.value;
-	};
-
-	let timeout;
-	const handleSlide = (e) => {
-		customTipAmount = '';
-		if (customInput) {
-			customInput.value = '';
-		}
-		tipPercent = e.target.value;
-
-		clearTimeout(timeout);
-		timeout = setTimeout(update, 800);
-	};
-
-	let submitting;
-	const handleTipButtonClick = async (amount) => {
-		submitting = true;
-		if (amount === 'No') {
-			tipPercent = 0;
-		} else {
-			tipPercent = parseInt(amount.slice(0, 2));
-		}
-
-		await tick();
-		submit.click();
-	};
-
-	let submit;
-	let update = async () => {
-		await tick();
-		//submit.click();
-	};
-
-	export let data;
-	$: refresh(data);
-	let { invoice, id, user } = data;
-	let {
-		amount,
-		network,
-		rate,
-		received,
-		prompt,
-		text,
-		tip,
-		user: { username, currency }
-	} = invoice;
-
-	let qr;
-	let tipPercent = 0;
-
-	let fullscreen;
-
-	let refresh = (data) => {
-		$inv = null;
-
-		({ invoice, id } = data);
-		({
-			amount,
-			network,
-			rate,
-			received,
-			prompt,
-			text,
-			tip,
-			user: { username, currency }
-		} = invoice);
-
-		tipPercent = (tip / amount) * 100;
-	};
-
-	$: tip = Math.round((amount / 100) * tipPercent);
-
-	$: amountFiat = parseFloat(((amount * rate) / sats).toFixed(2));
-
-	$: tipAmount = ((tip * rate) / sats).toFixed(2);
-
-	$: invoiceAmountFiatFormatted = f(amountFiat, currency);
-
-	onMount(() => ($request = undefined));
-</script>
-
-<button class="ml-5 md:ml-20 mt-5 md:mt-10 hover:opacity-80" on:click={back}>
-	<Icon icon="arrow-left" style="w-10" />
-</button>
-
-<div class="container px-4 max-w-lg text-center mx-auto">
-	<form method="POST" use:enhance class:invisible={submitting}>
-		<input type="hidden" name="amount" value={amount} />
-		<input type="hidden" name="tip" value={tip} />
-		<input type="hidden" name="username" value={username} />
-		<input type="hidden" name="rate" value={rate} />
-		<input type="hidden" name="prompt" value="false" />
-		<input type="hidden" name="network" value={network} />
-		<input type="hidden" name="request_id" value={invoice.request?.id} />
-
-		<h1 class="text-4xl font-semibold my-8">{$t('invoice.addTipq')}</h1>
-		{#if !showCustomAmount}
-			<div class="my-2 text-xl">{Math.round(tipPercent)}%</div>
-
-			<input
-				id="slider"
-				type="range"
-				min="0"
-				max="100"
-				value={tipPercent}
-				class="px-0 py-0 my-5"
-				style="--bgPercent: {tipPercent}%;"
-				on:input={handleSlide}
-			/>
-
-			<div class="flex mb-8 text-lg">
-				<div>
-					<span class="mr-1">
-						{f(amountFiat, currency)}
-						<span class="font-semibold">+{f(tipAmount, currency)}</span>
-					</span>
-				</div>
-
-				<div class="ml-auto text-lg">
-					{sat(amount)}
-					<span class="font-semibold">+{sat(tip)}</span>
-				</div>
-			</div>
-
-			{#if tip}
-				<div>
-					<button type="button" on:click={() => submit.click()}>Next</button>
-					<button type="button" on:click={() => (tipPercent = 0)}>Reset</button>
-				</div>
-			{:else}
-				{#each tipAmounts as amount}
-					<button
-						type="button"
-						class:active={active(amount, tipPercent)}
-						on:click={() => handleTipButtonClick(amount)}>{amount}</button
-					>
-				{/each}
-			{/if}
-
-			<div>
-				<button type="button" on:click={() => (showCustomAmount = true)}>Custom</button>
-			</div>
-		{/if}
-
-		<button type="submit" bind:this={submit} />
-	</form>
-
-	{#if showCustomAmount}
-		<form on:submit|preventDefault={apply}>
-			<div class="relative">
-				<span
-					class="absolute top-[18px] left-5 font-semibold {!customTipAmount
-						? 'opacity-50'
-						: 'opacity-100'}">$</span
-				>
-				<input
-					bind:this={customInput}
-					type="number"
-					step="0.01"
-					on:input={(e) => handleCustomTipAmount(e)}
-					class="pl-10"
-					placeholder="Custom amount"
-					autofocus
-				/>
-				<button
-					type="submit"
-					class="w-full mt-2 bg-black text-white font-semibold py-3 px-7 rounded-2xl {!customTipAmount
-						? 'opacity-50'
-						: 'opacity-100 hover:opacity-80'}"
-					disabled={!customTipAmount}>Apply</button
-				>
-			</div>
-		</form>
-	{/if}
-</div>
-
-<style>
-	#slider {
-		-webkit-appearance: none;
-		width: 100%;
-		height: 6px;
-		border-radius: 5px;
-		background: linear-gradient(
-			to right,
-			black 0%,
-			black var(--bgPercent),
-			#f5f7fa var(--bgPercent),
-			#f5f7fa 100%
-		);
-		outline: none;
-	}
-
-	#slider:active {
-		background-color: black;
-	}
-
-	#slider::-webkit-slider-thumb {
-		-webkit-appearance: none;
-		appearance: none;
-		width: 30px;
-		height: 30px;
-		border-radius: 50%;
-		background: black;
-		cursor: pointer;
-	}
-
-	#slider::-moz-range-thumb {
-		width: 30px;
-		height: 30px;
-		border-radius: 50%;
-		background: black;
-		cursor: pointer;
-	}
-
-	.active {
-		@apply !bg-black !text-white;
-	}
-
-	.container button[type='button'] {
-		@apply w-full mt-2 bg-primary text-black hover:bg-black hover:text-white font-semibold py-5 px-7 rounded-2xl;
-	}
-</style>
diff --git a/src/routes/(app)/login/+page.server.js b/src/routes/(app)/login/+page.server.js
index 873b68d4..4c3c0897 100644
--- a/src/routes/(app)/login/+page.server.js
+++ b/src/routes/(app)/login/+page.server.js
@@ -14,7 +14,7 @@ export const actions = {
 
 		try {
 			let r = await login(user, cookies);
-      console.log("R", r)
+			console.log('R', r);
 		} catch (e) {
 			return invalid(400, { error: 'Login failed', message: e.message, ...form });
 		}
diff --git a/src/routes/(app)/password/+server.js b/src/routes/(app)/password/+server.js
index 9f2ab6b8..b4a81740 100644
--- a/src/routes/(app)/password/+server.js
+++ b/src/routes/(app)/password/+server.js
@@ -2,6 +2,6 @@ import { json } from '@sveltejs/kit';
 import { auth, post } from '$lib/utils';
 
 export async function POST({ cookies, request }) {
-	let result = await post('/checkPassword', await request.json(), auth(cookies));
+	let result = await post('/password', await request.json(), auth(cookies));
 	return json(result);
 }
diff --git a/src/routes/(app)/pot/[name]/+page.server.js b/src/routes/(app)/pot/[name]/+page.server.js
new file mode 100644
index 00000000..8f8b9d8f
--- /dev/null
+++ b/src/routes/(app)/pot/[name]/+page.server.js
@@ -0,0 +1,23 @@
+import { error, redirect } from '@sveltejs/kit';
+import { auth, get, post } from '$lib/utils';
+import Qr from 'qrcode-base64';
+
+export let load = async ({ params: { name }, url }) => {
+	let { amount, payments } = await get(`/pot/${name}`);
+
+	let src = Qr.drawImg(url.href, { size: 300 });
+	return { amount, payments, src };
+};
+
+export const actions = {
+	default: async ({ cookies, locals, params, request }) => {
+		let { user } = locals;
+
+		if (user) {
+			await post('/redeem', params, auth(cookies));
+			throw redirect(307, `/${user.username}/payments`);
+		}
+
+		throw redirect(307, '/register');
+	}
+};
diff --git a/src/routes/(app)/pot/[name]/+page.svelte b/src/routes/(app)/pot/[name]/+page.svelte
new file mode 100644
index 00000000..48dc9b31
--- /dev/null
+++ b/src/routes/(app)/pot/[name]/+page.svelte
@@ -0,0 +1,96 @@
+<script>
+	import { format } from 'date-fns';
+	import { enhance } from '$app/forms';
+	import { page } from '$app/stores';
+	import { Avatar, Icon } from '$comp';
+	import { toast } from '@zerodevx/svelte-toast';
+	import { t } from '$lib/translations';
+	import { copy, f, s, sat, sats } from '$lib/utils';
+	import { loginRedirect, selectedRate } from '$lib/store';
+
+	export let data;
+
+	let { amount, src, payments, rates, user } = data;
+	let { name } = $page.params;
+
+	toast.pop(0);
+
+	let currency = user ? user.currency : 'CAD';
+	let rate = rates[currency];
+
+	$: amountFiat = parseFloat(((amount * rate) / sats).toFixed(2));
+	$loginRedirect = $page.url.pathname;
+</script>
+
+<div class="container px-4 max-w-xl mx-auto mt-10 space-y-5">
+	<div class="w-full flex">
+		<a href="/" class="mx-auto">
+			<Icon icon="logo" />
+		</a>
+	</div>
+
+	<div class="flex justify-center items-center text-center">
+		<div class="shadow-xl rounded-3xl px-10 pt-5 pb-10 space-y-5 w-full mx-5">
+			<div class="relative">
+				<!-- <p class="absolute right-0 top-1 underline"><Icon icon="settings" /></p> -->
+				<h1 class="text-2xl md:text-3xl font-semibold">Public Pot</h1>
+			</div>
+			<p class="text-secondary">Anyone who knows the URL for this pot can add or take out funds</p>
+			<div class="flex justify-center gap-4">
+				<div class="my-auto">
+					<h2 class="text-2xl md:text-3xl font-semibold">
+						{f(amountFiat, currency)}
+					</h2>
+					<h3 class="text-secondary md:text-lg mt-1">
+						{sat(amount)}
+					</h3>
+				</div>
+			</div>
+			<div class="mx-auto my-auto flex gap-2 justify-center" data-sveltekit-prefetch="off">
+				<a href={`/send/pot/${name}`}>
+					<button class="text-lg rounded-full border py-3 px-7 font-bold hover:opacity-80">
+						Chip in
+					</button>
+				</a>
+				<a href={`/pot/${name}/withdraw`}>
+					<button class="text-lg rounded-full border py-3 px-7 font-bold hover:opacity-80">
+						Dip in
+					</button>
+				</a>
+			</div>
+			<div class="text-base">
+				{#each payments as p}
+					<a href={`/${p.user.username}`}>
+						<div class="flex h-24 hover:bg-gray-100 px-4">
+							<div class="flex grow">
+								<div class="flex my-auto">
+									<div class="my-auto">
+										<Avatar user={p.user} size={12} />
+									</div>
+									<div class="ml-1 text-secondary my-auto">
+										{p.user.username}
+										{p.amount > 0 ? 'took out' : 'threw in'}
+									</div>
+								</div>
+								<div class="text-secondary my-auto">
+									{sat(p.amount)}
+								</div>
+							</div>
+
+							<div class="text-secondary text-right text-sm my-auto">
+								<div>
+									{format(new Date(p.created), 'h:mm aaa')}
+								</div>
+								<div>
+									{format(new Date(p.created), 'MMM d')}
+								</div>
+							</div>
+						</div>
+					</a>
+				{:else}
+					<p class="text-secondary text-lg text-center">{$t('payments.empty')}</p>
+				{/each}
+			</div>
+		</div>
+	</div>
+</div>
diff --git a/src/routes/(app)/pot/[name]/withdraw/+page.server.js b/src/routes/(app)/pot/[name]/withdraw/+page.server.js
new file mode 100644
index 00000000..6534e07b
--- /dev/null
+++ b/src/routes/(app)/pot/[name]/withdraw/+page.server.js
@@ -0,0 +1,21 @@
+import { invalid, redirect } from '@sveltejs/kit';
+import { auth, post } from '$lib/utils';
+
+export async function load({ parent }) {
+	let { user } = await parent();
+	if (!user) throw redirect(307, '/register');
+}
+
+export const actions = {
+	default: async ({ cookies, request }) => {
+		let body = Object.fromEntries(await request.formData());
+
+		try {
+			await post('/withdraw', body, auth(cookies));
+		} catch (e) {
+			return invalid(400, { message: e.message });
+		}
+
+		throw redirect(307, `/pot/${body.name}`);
+	}
+};
diff --git a/src/routes/(app)/pot/[name]/withdraw/+page.svelte b/src/routes/(app)/pot/[name]/withdraw/+page.svelte
new file mode 100644
index 00000000..bb11ddde
--- /dev/null
+++ b/src/routes/(app)/pot/[name]/withdraw/+page.svelte
@@ -0,0 +1,55 @@
+<script>
+	import { t } from '$lib/translations';
+	import { enhance } from '$app/forms';
+	import { Icon, Numpad, Spinner } from '$comp';
+	import { page } from '$app/stores';
+	import { back } from '$lib/utils';
+	import { pin } from '$lib/store';
+
+	export let data;
+	export let form;
+
+	let { amount, name } = $page.params;
+	let { currency } = data.user;
+	let loading;
+
+	let submit = () => (loading = true);
+	$: update(form);
+	let update = () => {
+		if (form?.message.includes('pin')) $pin = undefined;
+		loading = false;
+	};
+</script>
+
+<button class="ml-5 md:ml-20 mt-5 md:mt-10 hover:opacity-80" on:click={back}>
+	<Icon icon="arrow-left" style="w-10" />
+</button>
+
+{#if form?.message}
+	<div class="text-red-600 text-center">
+		{form.message}
+	</div>
+{/if}
+
+<div class="container px-4 mt-20 max-w-xl mx-auto">
+	<Numpad bind:amount {currency} />
+
+	<form method="POST" use:enhance on:submit={submit}>
+		<input name="name" value={name} type="hidden" />
+		<input name="amount" value={amount} type="hidden" />
+		<input name="pin" value={$pin} type="hidden" />
+
+		<div class="flex w-full">
+			<button
+				type="submit"
+				class="opacity-100 hover:opacity-80'} rounded-2xl border py-3 font-bold mx-auto mt-2 bg-black text-white px-4 w-24"
+			>
+				{#if loading}
+					<Spinner />
+				{:else}
+					{$t('payments.send')}
+				{/if}
+			</button>
+		</div>
+	</form>
+</div>
diff --git a/src/routes/(app)/register/+page.server.js b/src/routes/(app)/register/+page.server.js
index 793bd7f6..58b62ba2 100644
--- a/src/routes/(app)/register/+page.server.js
+++ b/src/routes/(app)/register/+page.server.js
@@ -9,10 +9,12 @@ export const load = async ({ parent }) => {
 export const actions = {
 	default: async ({ cookies, request }) => {
 		let form = Object.fromEntries(await request.formData());
-		let { username, password, cipher, salt, pubkey } = form;
+		let { username, password, cipher, salt, pubkey, loginRedirect } = form;
 		let user = { username, password, cipher, salt, pubkey };
 		let error;
 
+		console.log('LR', loginRedirect);
+
 		try {
 			await post('/register', { user });
 		} catch (e) {
@@ -27,6 +29,6 @@ export const actions = {
 		}
 
 		if (error) return invalid(400, { error });
-		throw redirect(307, `/${user.username}/dashboard`);
+		throw redirect(307, loginRedirect || `/${user.username}/dashboard`);
 	}
 };
diff --git a/src/routes/(app)/send/[...text]/+page.server.js b/src/routes/(app)/send/[...text]/+page.server.js
index eab57d64..f0c8b892 100644
--- a/src/routes/(app)/send/[...text]/+page.server.js
+++ b/src/routes/(app)/send/[...text]/+page.server.js
@@ -73,8 +73,8 @@ export async function load({ cookies, params, request, url }) {
 export const actions = {
 	default: async ({ request, url }) => {
 		const form = await request.formData();
-		await parse(form.get('text'), url.host);
-
-		return invalid(403, { error: 'Does not compute, try again' });
+		let t = form.get('text');
+		await parse(t, url.host);
+		throw redirect(307, `/send/pot/${t}`);
 	}
 };
diff --git a/src/routes/(app)/send/pot/[name]/[...amount]/+page.server.js b/src/routes/(app)/send/pot/[name]/[...amount]/+page.server.js
new file mode 100644
index 00000000..f25fcb6d
--- /dev/null
+++ b/src/routes/(app)/send/pot/[name]/[...amount]/+page.server.js
@@ -0,0 +1,17 @@
+import { invalid, redirect } from '@sveltejs/kit';
+import { auth, post } from '$lib/utils';
+
+export const actions = {
+	default: async ({ cookies, request }) => {
+		let body = Object.fromEntries(await request.formData());
+		let p;
+
+		try {
+			p = await post('/send', body, auth(cookies));
+		} catch (e) {
+			return invalid(400, { message: e.message });
+		}
+
+		if (p) throw redirect(307, `/pot/${body.name}`);
+	}
+};
diff --git a/src/routes/(app)/send/pot/[name]/[...amount]/+page.svelte b/src/routes/(app)/send/pot/[name]/[...amount]/+page.svelte
new file mode 100644
index 00000000..bb11ddde
--- /dev/null
+++ b/src/routes/(app)/send/pot/[name]/[...amount]/+page.svelte
@@ -0,0 +1,55 @@
+<script>
+	import { t } from '$lib/translations';
+	import { enhance } from '$app/forms';
+	import { Icon, Numpad, Spinner } from '$comp';
+	import { page } from '$app/stores';
+	import { back } from '$lib/utils';
+	import { pin } from '$lib/store';
+
+	export let data;
+	export let form;
+
+	let { amount, name } = $page.params;
+	let { currency } = data.user;
+	let loading;
+
+	let submit = () => (loading = true);
+	$: update(form);
+	let update = () => {
+		if (form?.message.includes('pin')) $pin = undefined;
+		loading = false;
+	};
+</script>
+
+<button class="ml-5 md:ml-20 mt-5 md:mt-10 hover:opacity-80" on:click={back}>
+	<Icon icon="arrow-left" style="w-10" />
+</button>
+
+{#if form?.message}
+	<div class="text-red-600 text-center">
+		{form.message}
+	</div>
+{/if}
+
+<div class="container px-4 mt-20 max-w-xl mx-auto">
+	<Numpad bind:amount {currency} />
+
+	<form method="POST" use:enhance on:submit={submit}>
+		<input name="name" value={name} type="hidden" />
+		<input name="amount" value={amount} type="hidden" />
+		<input name="pin" value={$pin} type="hidden" />
+
+		<div class="flex w-full">
+			<button
+				type="submit"
+				class="opacity-100 hover:opacity-80'} rounded-2xl border py-3 font-bold mx-auto mt-2 bg-black text-white px-4 w-24"
+			>
+				{#if loading}
+					<Spinner />
+				{:else}
+					{$t('payments.send')}
+				{/if}
+			</button>
+		</div>
+	</form>
+</div>
diff --git a/src/routes/(app)/send/user/[username]/[...amount]/+page.server.js b/src/routes/(app)/send/user/[username]/[...amount]/+page.server.js
index a659eef3..e670320c 100644
--- a/src/routes/(app)/send/user/[username]/[...amount]/+page.server.js
+++ b/src/routes/(app)/send/user/[username]/[...amount]/+page.server.js
@@ -14,6 +14,7 @@ export const actions = {
 		try {
 			let body = Object.fromEntries(await request.formData());
 			let { amount, confirmed } = body;
+			amount = parseInt(amount);
 
 			if (!confirmed) {
 				return invalid(403, { amount, confirm: true });
@@ -21,6 +22,7 @@ export const actions = {
 
 			await post('/send', body, auth(cookies));
 		} catch (e) {
+			console.log(e);
 			return invalid(400, { message: e.message });
 		}
 
diff --git a/src/routes/(app)/send/user/[username]/[...amount]/+page.svelte b/src/routes/(app)/send/user/[username]/[...amount]/+page.svelte
index 4cb8cfce..07e29f44 100644
--- a/src/routes/(app)/send/user/[username]/[...amount]/+page.svelte
+++ b/src/routes/(app)/send/user/[username]/[...amount]/+page.svelte
@@ -5,23 +5,32 @@
 	import { enhance } from '$app/forms';
 	import { Avatar, Icon, Numpad, Spinner } from '$comp';
 	import { page } from '$app/stores';
-	import { back, f, s, sats } from '$lib/utils';
+	import { back, f, post, s, sats } from '$lib/utils';
 
 	export let data;
 	export let form;
 
-	let { recipient, user } = data;
+	let { recipient, rates, user } = data;
 	let currency = user?.currency || 'USD';
 
 	let amount = form?.amount || data.amount;
 	let a,
 		af,
 		amountFiat = amount * ($selectedRate / sats),
-		fiat = !amount;
+		fiat = !amount,
+		hash;
 
-	let setAmount = () => {
+	let setAmount = async () => {
 		amount = a;
 		amountFiat = af;
+
+		({ hash } = await post('/invoice', {
+			invoice: {
+				amount,
+				rate: rates[recipient.currency]
+			},
+			user: recipient
+		}));
 	};
 
 	let handleBack = () => {
@@ -77,6 +86,7 @@
 		<input name="username" value={recipient.username} type="hidden" />
 		<input name="confirmed" value={form?.confirm} type="hidden" />
 		<input name="pin" value={$pin} type="hidden" />
+		<input name="hash" value={hash} type="hidden" />
 
 		<div class="flex w-full">
 			{#if amount}
diff --git a/src/routes/(app)/send/voucher/+page.server.js b/src/routes/(app)/send/voucher/+page.server.js
deleted file mode 100644
index d479c76a..00000000
--- a/src/routes/(app)/send/voucher/+page.server.js
+++ /dev/null
@@ -1,16 +0,0 @@
-import { invalid, redirect } from '@sveltejs/kit';
-import { auth, post } from '$lib/utils';
-
-export const actions = {
-	default: async ({ cookies, request }) => {
-		let p;
-		try {
-			let body = Object.fromEntries(await request.formData());
-			p = await post('/send', body, auth(cookies));
-		} catch (e) {
-			return invalid(400, { message: e.message });
-		}
-
-		if (p) throw redirect(307, `/voucher/${p.redeemcode}`);
-	}
-};
diff --git a/src/routes/(app)/send/voucher/+page.svelte b/src/routes/(app)/send/voucher/+page.svelte
deleted file mode 100644
index 0020adc3..00000000
--- a/src/routes/(app)/send/voucher/+page.svelte
+++ /dev/null
@@ -1,54 +0,0 @@
-<script>
-	import { t } from '$lib/translations';
-	import { enhance } from '$app/forms';
-	import { Icon, Numpad, Spinner } from '$comp';
-	import { page } from '$app/stores';
-	import { back } from '$lib/utils';
-	import { pin } from '$lib/store';
-
-	export let data;
-	export let form;
-
-	let { address, amount } = $page.params;
-	let { currency } = data.user;
-	let loading;
-
-	let submit = () => (loading = true);
-	$: update(form);
-	let update = () => {
-		if (form?.message.includes('pin')) $pin = undefined;
-		loading = false;
-	};
-</script>
-
-<button class="ml-5 md:ml-20 mt-5 md:mt-10 hover:opacity-80" on:click={back}>
-	<Icon icon="arrow-left" style="w-10" />
-</button>
-
-{#if form?.message}
-	<div class="text-red-600 text-center">
-		{form.message}
-	</div>
-{/if}
-
-<div class="container px-4 mt-20 max-w-xl mx-auto">
-	<Numpad bind:amount {currency} />
-
-	<form method="POST" use:enhance on:submit={submit}>
-		<input name="amount" value={amount} type="hidden" />
-		<input name="pin" value={$pin} type="hidden" />
-
-		<div class="flex w-full">
-			<button
-				type="submit"
-				class="opacity-100 hover:opacity-80'} rounded-2xl border py-3 font-bold mx-auto mt-2 bg-black text-white px-4 w-24"
-			>
-				{#if loading}
-					<Spinner />
-				{:else}
-					{$t('payments.send')}
-				{/if}
-			</button>
-		</div>
-	</form>
-</div>
diff --git a/src/routes/(app)/sent/+page.server.js b/src/routes/(app)/sent/+page.server.js
index fb35e367..381ff32f 100644
--- a/src/routes/(app)/sent/+page.server.js
+++ b/src/routes/(app)/sent/+page.server.js
@@ -1,6 +1,6 @@
 import { get, auth } from '$lib/utils';
 
 export let load = async ({ cookies }) => {
-  let { payments } = await get('/payments', auth(cookies));
-  return { payments }
-}
+	let { payments } = await get('/payments', auth(cookies));
+	return { payments };
+};
diff --git a/src/routes/(app)/sent/+page.svelte b/src/routes/(app)/sent/+page.svelte
index 2168a517..79a0aa6e 100644
--- a/src/routes/(app)/sent/+page.svelte
+++ b/src/routes/(app)/sent/+page.svelte
@@ -8,7 +8,7 @@
 	export let data;
 	let { payments, user } = data;
 
-	let payment = payments[0]
+	let payment = payments[0];
 	let { amount, rate } = payment;
 	amount = Math.abs(amount);
 
diff --git a/src/routes/(app)/tx/[id]/+page.server.js b/src/routes/(app)/tx/[id]/+page.server.js
index 7db5d4f1..cbd7355e 100644
--- a/src/routes/(app)/tx/[id]/+page.server.js
+++ b/src/routes/(app)/tx/[id]/+page.server.js
@@ -2,5 +2,5 @@ import { auth, get } from '$lib/utils';
 
 export async function load({ cookies, params }) {
 	let tx = await get(`/payments/${params.id}`, auth(cookies));
-  return { tx };
+	return { tx };
 }
diff --git a/src/routes/(app)/tx/[id]/+page.svelte b/src/routes/(app)/tx/[id]/+page.svelte
index 63e45f17..a2bb1459 100644
--- a/src/routes/(app)/tx/[id]/+page.svelte
+++ b/src/routes/(app)/tx/[id]/+page.svelte
@@ -2,13 +2,15 @@
 	import { t } from '$lib/translations';
 	import { back, copy, f, s, sats } from '$lib/utils';
 	import { Avatar, Icon } from '$comp';
-	import { format, parseISO } from 'date-fns';
+	import { format } from 'date-fns';
 	import { PUBLIC_EXPLORER as expl } from '$env/static/public';
 
 	export let data;
 	let { user, tx } = data;
 	let { username } = user;
-	let { amount, hash, createdAt, rate, network, preimage, fee, currency } = tx;
+	let { amount, hash, created, rate, type, preimage, fee, currency } = tx;
+	fee = fee || 0;
+
 	let fiat = (Math.abs(amount) * rate) / sats;
 </script>
 
@@ -32,12 +34,12 @@
 	<div>
 		<div class="font-bold">{$t('payments.date')}</div>
 		<div>
-			{format(parseISO(createdAt), 'MMMM d')},
-			{format(parseISO(createdAt), 'h:mm aaa')}
+			{format(new Date(created), 'MMMM d')},
+			{format(new Date(created), 'h:mm aaa')}
 		</div>
 	</div>
 
-	{#if network === 'lightning'}
+	{#if type === 'lightning'}
 		<div>
 			<div class="font-bold">{$t('payments.preimage')}</div>
 			<div>
@@ -47,16 +49,14 @@
 	{:else}
 		<div>
 			<div class="font-bold">{$t('payments.id')}</div>
-      <div class="flex">
-			<div>
-				<a href={`${expl}/tx/${hash}`} target="_blank" class="text-blue-600">{hash}</a>
+			<div class="flex">
+				<div>
+					<a href={`${expl}/tx/${hash}`} target="_blank" class="text-blue-600">{hash}</a>
+				</div>
+				<button class="flex font-bold hover:opacity-80 mb-auto" on:click={() => copy(hash)}
+					><Icon icon="copy" style="mr-1" />
+				</button>
 			</div>
-			<button
-				class="flex font-bold hover:opacity-80 mb-auto"
-				on:click={() => copy(hash)}
-				><Icon icon="copy" style="mr-1" />
-			</button>
-      </div>
 		</div>
 	{/if}
 </div>
diff --git a/src/routes/(app)/voucher/[redeemcode]/+page.server.js b/src/routes/(app)/voucher/[redeemcode]/+page.server.js
deleted file mode 100644
index fbbec7bc..00000000
--- a/src/routes/(app)/voucher/[redeemcode]/+page.server.js
+++ /dev/null
@@ -1,24 +0,0 @@
-import { error, redirect } from '@sveltejs/kit';
-import { auth, get, post } from '$lib/utils';
-import Qr from 'qrcode-base64';
-
-export let load = async ({ params: { redeemcode }, url }) => {
-	let payment = await get(`/voucher/${redeemcode}`);
-	console.log(payment);
-
-	let src = Qr.drawImg(url.href, { size: 300 });
-	return { payment, src };
-};
-
-export const actions = {
-	default: async ({ cookies, locals, params, request }) => {
-		let { user } = locals;
-
-		if (user) {
-			await post('/redeem', params, auth(cookies));
-			throw redirect(307, `/${user.username}/payments`);
-		}
-
-		throw redirect(307, '/register');
-	}
-};
diff --git a/src/routes/(app)/voucher/[redeemcode]/+page.svelte b/src/routes/(app)/voucher/[redeemcode]/+page.svelte
deleted file mode 100644
index 9af67498..00000000
--- a/src/routes/(app)/voucher/[redeemcode]/+page.svelte
+++ /dev/null
@@ -1,77 +0,0 @@
-<script>
-	import { enhance } from '$app/forms';
-	import { page } from '$app/stores';
-	import { Avatar, Icon } from '$comp';
-	import { toast } from '@zerodevx/svelte-toast';
-	import { t } from '$lib/translations';
-	import { copy, f, s, sat, sats } from '$lib/utils';
-	import { loginRedirect, selectedRate } from '$lib/store';
-
-	export let data;
-	let { src } = data;
-	$: ({ amount, currency, rate, redeemed, redeemcode, user, redeemer } = data.payment);
-
-	toast.pop(0);
-
-	$: amountFiat = parseFloat(((-amount * rate) / sats).toFixed(2));
-</script>
-
-<div class="container px-4 max-w-lg mx-auto mt-10 space-y-5">
-	<div class="w-full flex">
-		<a href="/" class="mx-auto">
-			<Icon icon="logo" />
-		</a>
-	</div>
-
-	<div class="flex justify-center items-center text-center">
-		<div class="shadow-xl rounded-3xl px-10 pt-5 pb-10 space-y-5 w-full mx-5">
-			{#if !redeemed}
-				<img
-					{src}
-					class="w-[300px] mx-auto cursor-pointer"
-					on:click={() => copy(redeemcode)}
-					alt="Redeem Code"
-				/>
-			{/if}
-			<div class="flex justify-center gap-4">
-				<div class="my-auto">
-					<h2 class="text-2xl md:text-3xl font-semibold">
-						{f(amountFiat, currency)}
-					</h2>
-					<h3 class="text-secondary md:text-lg mt-1">
-						{sat(amount)}
-					</h3>
-				</div>
-				<div class="my-auto">{$t('transactions.from')}</div>
-				<div class="flex">
-					<Avatar {user} size={20} />
-					<div class="my-auto">{user.username}</div>
-				</div>
-			</div>
-			<div class="mx-auto my-auto flex gap-2 justify-center" data-sveltekit-prefetch="off">
-				{#if redeemer}
-					<div class="my-auto">{$t('transactions.redeemedBy')}</div>
-					<div class="flex">
-						<Avatar user={redeemer} size={20} />
-						<div class="my-auto">{redeemer.username}</div>
-					</div>
-				{:else}
-					<form
-						method="POST"
-						use:enhance
-						on:submit={() => ($loginRedirect = `/redeem/${redeemcode}`)}
-					>
-						<button
-							type="submit"
-							class="text-lg rounded-full border py-3 px-7 font-bold hover:opacity-80"
-							class:bg-gray-200={redeemed}
-							disabled={$loginRedirect || redeemed}
-						>
-							{redeemed ? $t('transactions.redeemed') : $t('transactions.redeem')}
-						</button>
-					</form>
-				{/if}
-			</div>
-		</div>
-	</div>
-</div>
-- 
cgit v1.2.3