From 63e3eaaa7bf3ba43b95927c1421b0b13cb5816b3 Mon Sep 17 00:00:00 2001
From: Adam Soltys <asoltys@gmail.com>
Date: Fri, 30 Sep 2022 15:52:10 -0700
Subject: sent payment confirmation

---
 src/routes/sent/+page.svelte | 38 ++++++++++++++++++++++++++++++++++++++
 1 file changed, 38 insertions(+)
 create mode 100644 src/routes/sent/+page.svelte

(limited to 'src/routes/sent')

diff --git a/src/routes/sent/+page.svelte b/src/routes/sent/+page.svelte
new file mode 100644
index 00000000..6e4cb539
--- /dev/null
+++ b/src/routes/sent/+page.svelte
@@ -0,0 +1,38 @@
+<script>
+	import { toast } from '@zerodevx/svelte-toast';
+	import { browser } from '$app/environment';
+	import { t } from '$lib/translations';
+	import { LottiePlayer } from '@lottiefiles/svelte-lottie-player';
+	import { goto } from '$app/navigation';
+
+	export let data;
+	let { user } = data;
+
+	toast.pop(0);
+
+	const done = () => {
+		goto(`/${user.username}/transactions`);
+	};
+</script>
+
+<div class="text-center mt-20 md:mt-0">
+	{#if browser}
+		<div class="w-full mx-auto max-w-xl">
+			<LottiePlayer
+				src="/lottie/success.json"
+				autoplay={true}
+				loop={true}
+				controls={false}
+				renderer="svg"
+				background="transparent"
+			/>
+		</div>
+	{/if}
+	<h1 class="text-3xl md:text-4xl font-bold mb-6">{$t('invoice.paymentSuccessful')}</h1>
+	<button
+		class="bg-black text-white rounded-2xl w-20 py-3 font-bold hover:opacity-80"
+		on:click={done}
+	>
+		{$t('invoice.done')}
+	</button>
+</div>
-- 
cgit v1.2.3