diff options
| author | Adam Soltys <[email protected]> | 2022-11-22 12:09:44 -0800 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2022-11-22 12:09:44 -0800 |
| commit | 8cf8018f4659ad8bde1e41bd2838b27526bdc34b (patch) | |
| tree | e827d58cd12821b6e9d0827c4839da73df19f8e5 /src/components | |
| parent | c0f86ea4c2f60ccdabc9076de91d8cabb987b8a3 (diff) | |
| download | coinos-ui-8cf8018f4659ad8bde1e41bd2838b27526bdc34b.tar.gz coinos-ui-8cf8018f4659ad8bde1e41bd2838b27526bdc34b.zip | |
clean up request flow, update translations and deps
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> |