diff options
| author | Adam Soltys <[email protected]> | 2024-12-12 22:39:47 -0800 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2024-12-12 22:39:47 -0800 |
| commit | a4aba929eee1f7cad95d1c58eb322175b5e6cfbc (patch) | |
| tree | 64c640dec49e063659506cb45957cb62b26c87a8 /src/routes/(app)/invoice | |
| parent | 0916c812a85be30c9ce3935475f435a67857a06b (diff) | |
| download | coinos-ui-a4aba929eee1f7cad95d1c58eb322175b5e6cfbc.tar.gz coinos-ui-a4aba929eee1f7cad95d1c58eb322175b5e6cfbc.zip | |
pass locale around
Diffstat (limited to 'src/routes/(app)/invoice')
| -rw-r--r-- | src/routes/(app)/invoice/[id]/tip/+page.svelte | 22 |
1 files changed, 16 insertions, 6 deletions
diff --git a/src/routes/(app)/invoice/[id]/tip/+page.svelte b/src/routes/(app)/invoice/[id]/tip/+page.svelte index 7999030e..5cab71d8 100644 --- a/src/routes/(app)/invoice/[id]/tip/+page.svelte +++ b/src/routes/(app)/invoice/[id]/tip/+page.svelte @@ -3,7 +3,7 @@ import { browser } from "$app/environment"; import { invoice as inv, request } from "$lib/store"; - import { copy, focus, f, sat, get, s, sats } from "$lib/utils"; + import { loc, copy, focus, f, sat, get, s, sats } from "$lib/utils"; import Icon from "$comp/Icon.svelte"; import Slider from "$comp/Slider.svelte"; import { goto } from "$app/navigation"; @@ -76,6 +76,7 @@ tip, user: { username }, } = $state(invoice); + let locale = $derived(loc(user)); let qr; let tipPercent = $state((tip / amount) * 100); @@ -119,14 +120,23 @@ <div class="flex mb-8 text-lg"> <div> <span class="mr-1"> - {f(amountFiat, currency)} - <span class="font-semibold">+{f(tipAmount, currency)}</span> + {f(amountFiat, currency, locale)} + <span class="font-semibold">+{f(tipAmount, currency, locale)}</span> </span> </div> - <div class="ml-auto text-lg"> - {sat(amount)} - <span class="font-semibold">+{sat(tip)}</span> + <div class="ml-auto text-lg flex gap-2"> + <div class="flex items-center"> + <iconify-icon icon="ph:lightning-fill" class="text-yellow-300" + ></iconify-icon> + <div>{s(amount, locale)}</div> + </div> + + <div class="flex items-center"> + <div class="font-semibold"> + +{s(tip, locale)} + </div> + </div> </div> </div> |