diff options
| author | Adam Soltys <[email protected]> | 2023-12-20 14:41:19 -0800 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2023-12-20 14:41:19 -0800 |
| commit | fd137d961392ebd8f6da9f86e57a1d7dfe07eef1 (patch) | |
| tree | c24455fd10f8632f1b1e1331379afb9902fcf075 /src/routes/(app)/payment | |
| parent | 19a8c100da3b4281b68e9b8afc837e6f93b53230 (diff) | |
| download | coinos-ui-fd137d961392ebd8f6da9f86e57a1d7dfe07eef1.tar.gz coinos-ui-fd137d961392ebd8f6da9f86e57a1d7dfe07eef1.zip | |
new on-chain send ui
Diffstat (limited to 'src/routes/(app)/payment')
| -rw-r--r-- | src/routes/(app)/payment/[id]/+page.svelte | 27 |
1 files changed, 17 insertions, 10 deletions
diff --git a/src/routes/(app)/payment/[id]/+page.svelte b/src/routes/(app)/payment/[id]/+page.svelte index a1c7bbed..15c17a00 100644 --- a/src/routes/(app)/payment/[id]/+page.svelte +++ b/src/routes/(app)/payment/[id]/+page.svelte @@ -1,5 +1,7 @@ <script> - import { t } from "$lib/translations"; + import { browser } from "$app/environment"; + import { onMount, tick } from "svelte"; + import { t, loading } from "$lib/translations"; import { back, copy, @@ -30,9 +32,14 @@ fee = fee || 0; - let direction = amount > 0 ? $t("payments.from") : $t("payments.to"); - direction = - direction[0].toUpperCase() + direction.substr(1, direction.length); + let direction = ""; + onMount(() => { + direction = amount > 0 ? $t("payments.from") : $t("payments.to"); + + if (direction) + direction = + direction[0].toUpperCase() + direction.substr(1, direction.length); + }); </script> <a href={`/${username}/payments`}> @@ -124,8 +131,8 @@ <div> <span class="text-lg text-secondary">Date</span> <div> - {format(new Date(created), "MMMM d")}, - {format(new Date(created), "h:mm aaa")} + {format(new Date(created), "h:mmaaa")} + {format(new Date(created), "MMM d, yyyy")} </div> </div> @@ -140,8 +147,6 @@ class="flex font-bold hover:opacity-80 mb-auto my-auto" on:click={() => copy(id)} ><Icon icon="copy" style="ml-2 w-20 my-auto" /> - - </button> </div> </div> @@ -151,7 +156,8 @@ <div> <button class="rounded-full border py-3 px-6 hover:opacity-80 flex w-full md:w-60" - on:click={print}> + on:click={print} + > <div class="mx-auto flex"> <Icon icon="printer" style="my-auto h-6 mr-2" /> <div class="my-auto mt-1 text-base">{$t("payments.print")}</div> @@ -162,7 +168,8 @@ <div> <a href={`/payment/${id}/plain`}> <button - class="rounded-full border py-3 px-6 hover:opacity-80 flex w-full md:w-60"> + class="rounded-full border py-3 px-6 hover:opacity-80 flex w-full md:w-60" + > <div class="mx-auto flex"> <Icon icon="printer" style="my-auto h-6 mr-2" /> <div class="my-auto mt-1 text-base">{$t("payments.print")}</div> |