diff options
Diffstat (limited to 'src/routes/sent')
| -rw-r--r-- | src/routes/sent/+page.svelte | 26 |
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> |