diff options
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/Footer.svelte | 4 | ||||
| -rw-r--r-- | src/components/Invoice.svelte | 8 | ||||
| -rw-r--r-- | src/components/Request.svelte | 8 |
3 files changed, 13 insertions, 7 deletions
diff --git a/src/components/Footer.svelte b/src/components/Footer.svelte index bd5e5d2c..362c0512 100644 --- a/src/components/Footer.svelte +++ b/src/components/Footer.svelte @@ -26,8 +26,8 @@ <button class="bg-black text-white border rounded-full px-6 py-4 font-bold hover:opacity-80 text-lg" > - {$t('nav.startInSeconds')} - </button> + {$t('nav.startInSeconds')} + </button> </a> </div> <LocaleSelector style="p-2 rounded-md text-center hover:opacity-80 cursor-pointer" /> diff --git a/src/components/Invoice.svelte b/src/components/Invoice.svelte index bf6e5f7b..accb4c27 100644 --- a/src/components/Invoice.svelte +++ b/src/components/Invoice.svelte @@ -1,4 +1,5 @@ <script> + import { t } from '$lib/translations'; import { f, sat, sats } from '$lib/utils'; import { fly } from 'svelte/transition'; import { Avatar, Icon } from '$comp'; @@ -12,7 +13,8 @@ <div class="flex"> <Avatar user={$invoice.user.username} size={12} /> <h1 class="my-auto"> - <b>{$invoice.user.username}</b> sent an invoice for + <b>{$invoice.user.username}</b> + {$t('transactions.isRequesting')} <b>{f(($invoice.amount * $invoice.rate) / sats, $invoice.currency)}</b> {sat($invoice.amount)} </h1> @@ -20,8 +22,8 @@ </div> <div class="mx-auto my-auto flex gap-2"> <a href={`/invoice/${$invoice.uuid}/tip`}> - <button class="text-lg rounded-full border py-3 px-7 font-bold hover:opacity-80 w-40"> - Pay + <button class="rounded-full border py-2 px-4 font-bold hover:opacity-80 w-32"> + {$t('transactions.pay')} </button> </a> </div> diff --git a/src/components/Request.svelte b/src/components/Request.svelte index 642d7159..ab0b886a 100644 --- a/src/components/Request.svelte +++ b/src/components/Request.svelte @@ -1,4 +1,5 @@ <script> + import { t } from '$lib/translations'; import { fly } from 'svelte/transition'; import { Avatar, Icon } from '$comp'; import { request, requestRedirect } from '$lib/store'; @@ -15,13 +16,16 @@ <div class="my-auto mx-auto"> <div class="flex"> <Avatar user={$request.requester} size={12} /> - <h1 class="my-auto"><b>{$request.requester.username}</b> is ready to pay</h1> + <h1 class="my-auto"> + <b>{$request.requester.username}</b> + {$t('transactions.readyToPay')} + </h1> </div> </div> <div class="mx-auto my-auto flex gap-2"> <a href={`/${user.username}/receive/${$request.id}`}> <button class="rounded-full border py-2 px-4 font-bold hover:opacity-80 w-32"> - Invoice + {$t('transactions.invoice')} </button> </a> </div> |