diff options
| author | Adam Soltys <[email protected]> | 2023-12-01 20:04:13 -0800 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2023-12-01 20:04:13 -0800 |
| commit | 216a600224fde22ce76b367557a02094ec693886 (patch) | |
| tree | d1189bbaa39db204633523132a7d4767b952717d /src/routes/(app)/sent | |
| parent | 7d9bc1f54dfd04172e8d6d43ebc2efd6f407e833 (diff) | |
| download | coinos-ui-216a600224fde22ce76b367557a02094ec693886.tar.gz coinos-ui-216a600224fde22ce76b367557a02094ec693886.zip | |
prettier
Diffstat (limited to 'src/routes/(app)/sent')
| -rw-r--r-- | src/routes/(app)/sent/+page.server.js | 6 | ||||
| -rw-r--r-- | src/routes/(app)/sent/+page.svelte | 73 |
2 files changed, 42 insertions, 37 deletions
diff --git a/src/routes/(app)/sent/+page.server.js b/src/routes/(app)/sent/+page.server.js index 381ff32f..62a4d9b4 100644 --- a/src/routes/(app)/sent/+page.server.js +++ b/src/routes/(app)/sent/+page.server.js @@ -1,6 +1,6 @@ -import { get, auth } from '$lib/utils'; +import { get, auth } from "$lib/utils"; export let load = async ({ cookies }) => { - let { payments } = await get('/payments', auth(cookies)); - return { payments }; + let { payments } = await get("/payments", auth(cookies)); + return { payments }; }; diff --git a/src/routes/(app)/sent/+page.svelte b/src/routes/(app)/sent/+page.svelte index dbd18c2e..400e8904 100644 --- a/src/routes/(app)/sent/+page.svelte +++ b/src/routes/(app)/sent/+page.svelte @@ -1,47 +1,52 @@ <script> - import { fiat, f, s, sat, sats } from '$lib/utils'; - import { scale } from 'svelte/transition'; - import { Icon } from '$comp'; - import { toast } from '@zerodevx/svelte-toast'; - import { t } from '$lib/translations'; + import { fiat, f, s, sat, sats } from "$lib/utils"; + import { scale } from "svelte/transition"; + import { Icon } from "$comp"; + import { toast } from "@zerodevx/svelte-toast"; + import { t } from "$lib/translations"; - export let data; - let { payments, user } = data; - let { currency, username } = user; + export let data; + let { payments, user } = data; + let { currency, username } = user; - let payment = payments[0]; - let { amount, rate, tip } = payment; - amount = Math.abs(amount); + let payment = payments[0]; + let { amount, rate, tip } = payment; + amount = Math.abs(amount); - toast.pop(0); + toast.pop(0); </script> <div class="text-center mt-20 md:mt-0"> - <div class="flex w-full max-w-[200px] mx-auto py-20" in:scale={{ start: 0.5 }}> - <Icon icon="check" style="mx-auto" /> - </div> - <h1 class="text-3xl md:text-4xl font-bold mb-6">{$t('payments.sent')}!</h1> - <h2 class="text-2xl md:text-3xl font-semibold"> - {f(fiat(amount, rate), currency)} - {#if tip} - <span class="text-lg"> - + {f(fiat(tip, rate), currency)} - </span> - {/if} - </h2> - <h3 class="text-secondary md:text-lg mb-6 mt-1"> - ⚡️{s(amount)} + <div + class="flex w-full max-w-[200px] mx-auto py-20" + in:scale={{ start: 0.5 }} + > + <Icon icon="check" style="mx-auto" /> + </div> + <h1 class="text-3xl md:text-4xl font-bold mb-6">{$t("payments.sent")}!</h1> + <h2 class="text-2xl md:text-3xl font-semibold"> + {f(fiat(amount, rate), currency)} + {#if tip} + <span class="text-lg"> + + {f(fiat(tip, rate), currency)} + </span> + {/if} + </h2> + <h3 class="text-secondary md:text-lg mb-6 mt-1"> + ⚡️{s(amount)} - {#if tip} - <span class="text-lg"> - + ⚡️{s(tip)} - </span> - {/if} - </h3> + {#if tip} + <span class="text-lg"> + + ⚡️{s(tip)} + </span> + {/if} + </h3> </div> <a href={`/${username}/payments`}> - <div class="opacity-0 w-screen h-screen fixed top-0 left-0 z-50" /> + <div class="opacity-0 w-screen h-screen fixed top-0 left-0 z-50" /> </a> -<div class="fixed bottom-10 w-full text-center">{$t('payments.tapAnywhere')}</div> +<div class="fixed bottom-10 w-full text-center"> + {$t("payments.tapAnywhere")} +</div> |