From c8b250bc216b190e913fab27d599b40518d7e748 Mon Sep 17 00:00:00 2001
From: Adam Soltys <asoltys@gmail.com>
Date: Tue, 24 Jan 2023 09:53:40 -0800
Subject: lnurl pay

---
 .../(app)/send/lightning/[payreq]/+page.server.js  |  2 +-
 .../(app)/send/lightning/[payreq]/+page.svelte     | 36 ++++++++++++++--------
 2 files changed, 24 insertions(+), 14 deletions(-)

(limited to 'src/routes/(app)/send/lightning')

diff --git a/src/routes/(app)/send/lightning/[payreq]/+page.server.js b/src/routes/(app)/send/lightning/[payreq]/+page.server.js
index a72e1c07..def7651c 100644
--- a/src/routes/(app)/send/lightning/[payreq]/+page.server.js
+++ b/src/routes/(app)/send/lightning/[payreq]/+page.server.js
@@ -15,7 +15,7 @@ export const actions = {
 			let body = Object.fromEntries(await request.formData());
 			let { amount, confirmed } = body;
 
-      console.log("AMOUNT", amount);
+			console.log('AMOUNT', amount);
 
 			if (!confirmed) {
 				return invalid(403, { amount, confirm: true });
diff --git a/src/routes/(app)/send/lightning/[payreq]/+page.svelte b/src/routes/(app)/send/lightning/[payreq]/+page.svelte
index 76ab432f..a88a0aec 100644
--- a/src/routes/(app)/send/lightning/[payreq]/+page.svelte
+++ b/src/routes/(app)/send/lightning/[payreq]/+page.svelte
@@ -24,6 +24,9 @@
 		if (form?.message?.includes('pin')) $pin = undefined;
 		loading = false;
 	};
+
+	let show;
+	let toggle = () => (show = !show);
 </script>
 
 <button class="ml-5 md:ml-20 mt-5 md:mt-10 hover:opacity-80" on:click={back}>
@@ -41,10 +44,10 @@
 		<div class="text-center mb-8">
 			<h1 class="text-xl md:text-2xl text-secondary mb-2">{$t('payments.send')}</h1>
 			<p class="text-6xl break-words mb-4">
-				{s(amount)} <span class="text-xl md:text-2xl text-secondary">sats</span>
+				⚡️{s(amount)}
 			</p>
 			<h1 class="text-xl md:text-2xl text-secondary mb-2">{$t('payments.to')}</h1>
-			<p class="text-6xl break-words">{alias}</p>
+			<p class="text-4xl break-words">{alias}</p>
 		</div>
 
 		<form method="POST" use:enhance on:submit={submit} action="?/send" class="space-y-5">
@@ -52,17 +55,7 @@
 			<input name="amount" value={amount} type="hidden" />
 			<input name="confirmed" value={form?.confirm} type="hidden" />
 			<input name="pin" value={$pin} type="hidden" />
-
-			<div class="relative w-96 mx-auto">
-				<label>Max fee</label>
-				<input name="maxfee" value={maxfee} />
-
-				<div
-					class="absolute right-[2px] top-[25px] text-gray-600 rounded-r-2xl p-4 h-[54px] my-auto border-l "
-				>
-					sats
-				</div>
-			</div>
+			<input name="maxfee" value={maxfee} type="hidden" />
 
 			<div class="flex w-full">
 				<button
@@ -78,6 +71,23 @@
 				</button>
 			</div>
 		</form>
+
+		{#if show}
+			<div class="relative w-96 mx-auto">
+				<label>Max fee</label>
+				<input name="maxfee" value={maxfee} />
+
+				<div
+					class="absolute right-[2px] top-[25px] text-gray-600 rounded-r-2xl p-4 h-[54px] my-auto border-l "
+				>
+					⚡️
+				</div>
+			</div>
+		{:else}
+			<div class="flex w-full mt-5">
+				<button class="mx-auto" on:click={toggle}>Settings</button>
+			</div>
+		{/if}
 	{:else}
 		<form method="POST" action="?/setAmount" class="w-[300px] mx-auto">
 			<input type="hidden" value={a} name="amount" />
-- 
cgit v1.2.3