diff options
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/Payments.svelte | 22 |
1 files changed, 15 insertions, 7 deletions
diff --git a/src/components/Payments.svelte b/src/components/Payments.svelte index fbe88ce6..a4331a42 100644 --- a/src/components/Payments.svelte +++ b/src/components/Payments.svelte @@ -4,7 +4,7 @@ import { get, f, s, si, sat, loc, sats, types } from "$lib/utils"; import { format } from "date-fns"; import { t } from "$lib/translations"; - + import locales from "$lib/locales"; const { fund, locale, payments } = $props(); </script> @@ -20,7 +20,8 @@ <div class="whitespace-nowrap my-auto col-span-3"> <div class="font-bold flex items-center"> <div class="flex items-center"> - <iconify-icon noobserver + <iconify-icon + noobserver icon="ph:lightning-fill" width="24" class="text-yellow-300" @@ -56,7 +57,8 @@ {:else} <a href={`/fund/${p.memo}`}> <div class="text-secondary flex"> - <iconify-icon noobserver + <iconify-icon + noobserver icon="ph:lightning-fill" class="text-yellow-300 text-3xl" ></iconify-icon> @@ -77,14 +79,16 @@ {:else} <div class="text-secondary flex items-center gap-1"> {#if p.type === types.lightning || p.type === types.bolt12} - <iconify-icon noobserver + <iconify-icon + noobserver icon="ph:lightning-fill" class="text-yellow-300 text-3xl" ></iconify-icon> {:else if p.type === types.ecash} <img src="/images/cash.png" class="w-12" /> {:else if p.type === types.reconcile} - <iconify-icon noobserver icon="ph:scales-bold" width="32"></iconify-icon> + <iconify-icon noobserver icon="ph:scales-bold" width="32" + ></iconify-icon> {:else if p.type === types.bitcoin} <iconify-icon noobserver icon="logos:bitcoin" class="text-3xl" ></iconify-icon> @@ -107,10 +111,14 @@ <div class="text-secondary text-right text-sm my-auto col-span-3"> <div> - {format(new Date(p.created), "h:mm aaa", { locale })} + {format(new Date(p.created), "h:mm aaa", { + locale: locales[user.language], + })} </div> <div> - {format(new Date(p.created), "MMM d, yy", { locale })} + {format(new Date(p.created), "MMM d, yy", { + locale: locales[user.language], + })} </div> </div> </div> |