From 8cf8018f4659ad8bde1e41bd2838b27526bdc34b Mon Sep 17 00:00:00 2001
From: Adam Soltys <asoltys@gmail.com>
Date: Tue, 22 Nov 2022 12:09:44 -0800
Subject: clean up request flow, update translations and deps

---
 src/components/Footer.svelte  | 4 ++--
 src/components/Invoice.svelte | 8 +++++---
 src/components/Request.svelte | 8 ++++++--
 3 files changed, 13 insertions(+), 7 deletions(-)

(limited to 'src/components')

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>
-- 
cgit v1.2.3