thanks page

4 files changed, 40 insertions, 4 deletions

diff --git a/src/routes/launch/+page.svelte b/src/routes/launch/+page.svelte
index da1c779c..74638257 100644
--- a/src/routes/launch/+page.svelte
+++ b/src/routes/launch/+page.svelte
@@ -29,7 +29,7 @@
 				</h1>
 
 				<p class="leading-normal mb-2">
-        Come join us at our launch party celebrating our new design and 10 years since our <a href="https://github.com/coinos/coinos-server/commit/b25d11b" class="underline">first commit</a>!
+        Come join us at our launch party celebrating our new design and 10 years since our <a href="https://github.com/coinos/coinos-server/commit/b25d11b" class="underline" target="_blank">first commit</a>!
 				</p>
 				<div class="ml-8">
 					<p><b>When</b></p>
diff --git a/src/routes/launch/purchase/+page.server.js b/src/routes/launch/purchase/+page.server.js
index 03da1e35..b9b20f28 100644
--- a/src/routes/launch/purchase/+page.server.js
+++ b/src/routes/launch/purchase/+page.server.js
@@ -1,5 +1,6 @@
 import { auth, get, post } from '$lib/utils';
 import tickets from '$lib/tickets';
+import { redirect } from "@sveltejs/kit";
 
 export const load = async ({ parent }) => {
 	let p = await parent();
@@ -11,7 +12,7 @@ export const actions = {
 	internal: async ({ cookies, request, parent }) => {
 		let { ticket } = Object.fromEntries(await request.formData());
 
-		let r = await post(
+		let { asset } = await post(
 			'/assets',
 			{
 				name: `Launch Party Ticket ${ticket}`,
@@ -25,7 +26,7 @@ export const actions = {
 			auth(cookies)
 		);
 
-		console.log(r);
+    throw redirect(307, `/launch/thanks/${asset}`);
 	},
 
 	lightning: async ({ cookies, request }) => {
diff --git a/src/routes/launch/purchase/+page.svelte b/src/routes/launch/purchase/+page.svelte
index 68c19076..a7a2b51c 100644
--- a/src/routes/launch/purchase/+page.svelte
+++ b/src/routes/launch/purchase/+page.svelte
@@ -5,6 +5,7 @@
 	import { goto } from '$app/navigation';
 
 	export let data;
+  export let form;
 
 	let amount = 25000;
 	let {
@@ -37,7 +38,7 @@
 <div class="mx-auto h-screen flex items-center justify-center px-4">
 	<div class="font-normal text-gray-800 mx-auto mb-8 space-y-8">
 		<h1 class="mb-4 text-4xl font-bold leading-none tracking-tight text-gray-800 text-center">
-			Confirm Purchase
+      Confirm Purchase
 		</h1>
 
 		<img
diff --git a/src/routes/launch/thanks/[asset]/+page.svelte b/src/routes/launch/thanks/[asset]/+page.svelte
new file mode 100644
index 00000000..6cf0915f
--- /dev/null
+++ b/src/routes/launch/thanks/[asset]/+page.svelte
@@ -0,0 +1,34 @@
+<script>
+	import { page } from '$app/stores';
+
+	export let data;
+	let { user } = data;
+	let { asset } = $page.params;
+</script>
+
+<div class="container mx-auto max-w-lg px-4 mt-20">
+	<div class="font-normal text-gray-800 mx-auto mb-8 space-y-8">
+		<h1 class="mb-4 text-4xl font-bold leading-none tracking-tight text-gray-800 text-center">
+			Thanks!
+		</h1>
+
+		<p>We look forward to seeing you!</p>
+
+		<p>
+			We've minted your ticket as an <a
+				href={`https://blockstream.info/liquid/asset/${asset}`}
+				class="underline">NFT on the Liquid Blockchain</a
+			> as a proof of purchase and commemorative token. It may confer some special benefits in the future.
+		</p>
+	</div>
+
+	<div class="w-full flex">
+		<a href={`/${user.username}/dashboard`} class="mx-auto">
+			<button
+				class="bg-black text-white border rounded-full px-8 py-4 font-bold hover:opacity-80 text-2xl"
+			>
+				Done
+			</button>
+		</a>
+	</div>
+</div>