diff options
| author | Adam Soltys <[email protected]> | 2024-11-14 10:55:08 -0800 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2024-11-14 10:55:08 -0800 |
| commit | 614fbd99b7963ec89666b8b4252fa5f73c81653c (patch) | |
| tree | d2231fb5aecde3de16242f96b1de5d8c805ebe57 /src/routes/(app)/sent | |
| parent | d0f19f20021cab8c740bda8c3d360748fd6c30de (diff) | |
| download | coinos-ui-614fbd99b7963ec89666b8b4252fa5f73c81653c.tar.gz coinos-ui-614fbd99b7963ec89666b8b4252fa5f73c81653c.zip | |
amount component
Diffstat (limited to 'src/routes/(app)/sent')
| -rw-r--r-- | src/routes/(app)/sent/[id]/+page.svelte | 23 |
1 files changed, 4 insertions, 19 deletions
diff --git a/src/routes/(app)/sent/[id]/+page.svelte b/src/routes/(app)/sent/[id]/+page.svelte index 615638c7..f2f14fef 100644 --- a/src/routes/(app)/sent/[id]/+page.svelte +++ b/src/routes/(app)/sent/[id]/+page.svelte @@ -1,6 +1,7 @@ <script> - import { fiat, f, focus, s, sat, sats } from "$lib/utils"; + import { f, focus, s, sat, sats } from "$lib/utils"; import { scale } from "svelte/transition"; + import Amount from "$comp/Amount.svelte"; import Icon from "$comp/Icon.svelte"; import { toast } from "@zerodevx/svelte-toast"; import { t } from "$lib/translations"; @@ -18,29 +19,13 @@ <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> + <Amount {amount} {tip} {rate} {currency} /> </div> <a href={`/${username}`} use:focus> <div class="opacity-0 w-screen h-screen fixed top-0 left-0 z-50"></div> </a> -<div class="flex justify-center"> +<div class="flex justify-center mt-4"> {$t("payments.tapAnywhere")} </div> |