From 1d6c3f68c6f9d992122e427a7cb24be13aa1e988 Mon Sep 17 00:00:00 2001
From: Adam Soltys <asoltys@gmail.com>
Date: Thu, 13 Oct 2022 10:25:46 -0700
Subject: launch party progress

---
 src/routes/launch/+page.svelte             |  7 +++
 src/routes/launch/purchase/+page.server.js |  8 ++++
 src/routes/launch/purchase/+page.svelte    | 71 +++++++++++++++---------------
 src/routes/launch/register/+page.svelte    |  1 +
 4 files changed, 52 insertions(+), 35 deletions(-)
 create mode 100644 src/routes/launch/purchase/+page.server.js
 create mode 100644 src/routes/launch/register/+page.svelte

(limited to 'src/routes/launch')

diff --git a/src/routes/launch/+page.svelte b/src/routes/launch/+page.svelte
index 58a50088..04f53086 100644
--- a/src/routes/launch/+page.svelte
+++ b/src/routes/launch/+page.svelte
@@ -1,10 +1,17 @@
 <script>
 	import { redirect } from '$lib/store';
+	import { beforeNavigate } from '$app/navigation';
+	import { info } from '$lib/utils';
 
 	export let data;
 	let { user } = data;
 	$: link = user ? '/launch/purchase' : '/register';
 	$redirect = '/launch/purchase';
+
+	beforeNavigate(({ to }) => {
+		console.log(link);
+		if (link === '/register') info('Please sign in so we can get you a ticket');
+	});
 </script>
 
 <div class="flex mt-20 px-8">
diff --git a/src/routes/launch/purchase/+page.server.js b/src/routes/launch/purchase/+page.server.js
new file mode 100644
index 00000000..f6314f7f
--- /dev/null
+++ b/src/routes/launch/purchase/+page.server.js
@@ -0,0 +1,8 @@
+export const load = ({ parent }) => parent();
+
+export const actions = {
+	default: async ({ cookies, request }) => {
+		let form = Object.fromEntries(await request.formData());
+		console.log(form);
+	}
+};
diff --git a/src/routes/launch/purchase/+page.svelte b/src/routes/launch/purchase/+page.svelte
index 84f960e3..df3048f3 100644
--- a/src/routes/launch/purchase/+page.svelte
+++ b/src/routes/launch/purchase/+page.svelte
@@ -1,4 +1,5 @@
 <script>
+	import { enhance } from '$app/forms';
 	import { selectedRate } from '$lib/store';
 	import { post } from '$lib/utils';
 	import { goto } from '$app/navigation';
@@ -30,52 +31,52 @@
 </script>
 
 <div class="mx-auto h-screen flex items-center justify-center px-8">
-	<div class="flex w-full bg-white rounded shadow-lg">
-		<div class="p-4 font-normal text-gray-800 mx-auto mb-8">
-			{#if balance > amount}
-				<h1 class="mb-4 text-4xl font-bold leading-none tracking-tight text-gray-800 text-center">
-					Buy Your Launch Party Ticket?
-				</h1>
+	<div class="p-4 font-normal text-gray-800 mx-auto mb-8">
+		{#if balance > amount}
+			<h1 class="mb-4 text-4xl font-bold leading-none tracking-tight text-gray-800 text-center">
+				Buy Your Launch Party Ticket?
+			</h1>
 
-				<div class="text-center text-4xl mb-12">{amount} sats</div>
+			<div class="text-center text-4xl mb-12">{amount} sats</div>
 
-				<div class="w-full flex">
+			<div class="w-full flex">
+				<form method="POST" use:enhance>
 					<button
 						class="bg-black text-white border rounded-full px-8 py-4 font-bold hover:opacity-80 mx-auto text-2xl"
 					>
 						Count me in
 					</button>
-				</div>
-			{:else}
-				<h1 class="mb-4 text-4xl font-bold leading-none tracking-tight text-gray-800 text-center">
-					Ticket Price
-				</h1>
-				<div class="text-center text-4xl mb-12">{amount} sats</div>
+				</form>
+			</div>
+		{:else}
+			<h1 class="mb-4 text-4xl font-bold leading-none tracking-tight text-gray-800 text-center">
+				Ticket Price
+			</h1>
+			<div class="text-center text-4xl mb-12">{amount} sats</div>
 
-				<h1 class="mb-4 text-4xl font-bold leading-none tracking-tight text-gray-800 text-center">
-					Your Balance
-				</h1>
+			<h1 class="mb-4 text-4xl font-bold leading-none tracking-tight text-gray-800 text-center">
+				Your Balance
+			</h1>
 
-				<div class="text-center text-4xl mb-12">{balance} sats</div>
+			<div class="text-center text-4xl mb-12">{balance} sats</div>
 
-				<h1 class="mb-4 text-4xl font-bold leading-none tracking-tight text-gray-800 text-center">
-					Funding Options
-				</h1>
+			<h1 class="mb-4 text-4xl font-bold leading-none tracking-tight text-gray-800 text-center">
+				Funding Options
+			</h1>
 
-				<button
-					class="bg-black text-white border rounded-full px-8 py-4 font-bold hover:opacity-80 mx-auto text-2xl"
-					on:click={lightning}
-				>
-					Lightning
-				</button>
+			<button
+				class="bg-black text-white border rounded-full px-8 py-4 font-bold hover:opacity-80 mx-auto text-2xl"
+				on:click={lightning}
+			>
+				Lightning
+			</button>
 
-				<button
-					class="bg-black text-white border rounded-full px-8 py-4 font-bold hover:opacity-80 mx-auto text-2xl"
-					on:click={bitcoin}
-				>
-					Bitcoin
-				</button>
-			{/if}
-		</div>
+			<button
+				class="bg-black text-white border rounded-full px-8 py-4 font-bold hover:opacity-80 mx-auto text-2xl"
+				on:click={bitcoin}
+			>
+				Bitcoin
+			</button>
+		{/if}
 	</div>
 </div>
diff --git a/src/routes/launch/register/+page.svelte b/src/routes/launch/register/+page.svelte
new file mode 100644
index 00000000..437a48f1
--- /dev/null
+++ b/src/routes/launch/register/+page.svelte
@@ -0,0 +1 @@
+We need to get you registered
-- 
cgit v1.2.3