lightning send improvements

1 files changed, 6 insertions, 20 deletions

diff --git a/src/routes/sent/+page.svelte b/src/routes/sent/+page.svelte
index 6e4cb539..de61fd41 100644
--- a/src/routes/sent/+page.svelte
+++ b/src/routes/sent/+page.svelte
@@ -1,38 +1,24 @@
 <script>
+	import { Icon } from '$comp';
 	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}
+	<div class="flex w-full py-20">
+		<Icon icon="check" style="mx-auto" />
+	</div>
 	<h1 class="text-3xl md:text-4xl font-bold mb-6">{$t('invoice.paymentSuccessful')}</h1>
+  <a href={`/${user.username}/transactions`}>
 	<button
 		class="bg-black text-white rounded-2xl w-20 py-3 font-bold hover:opacity-80"
-		on:click={done}
 	>
 		{$t('invoice.done')}
 	</button>
+    </a>
 </div>