From 808d5706bf59636deb49011a00ea0f4846ea7592 Mon Sep 17 00:00:00 2001
From: Adam Soltys <asoltys@gmail.com>
Date: Wed, 15 Feb 2023 22:47:36 -0800
Subject: payment page

---
 src/routes/(app)/[username]/(profile)/+page.svelte |  1 -
 src/routes/(app)/payment/[id]/+page.svelte         | 18 +++++++++++-------
 2 files changed, 11 insertions(+), 8 deletions(-)

diff --git a/src/routes/(app)/[username]/(profile)/+page.svelte b/src/routes/(app)/[username]/(profile)/+page.svelte
index 7d231321..0421782c 100644
--- a/src/routes/(app)/[username]/(profile)/+page.svelte
+++ b/src/routes/(app)/[username]/(profile)/+page.svelte
@@ -34,7 +34,6 @@
 	{#if user?.id === subject.id}
 		<div>
 			{#if user.balance > 0}
-				<h1 class="text-secondary text-xl">Balance</h1>
 				<div class="flex justify-center lg:justify-start">
 					<Balance {user} />
 				</div>
diff --git a/src/routes/(app)/payment/[id]/+page.svelte b/src/routes/(app)/payment/[id]/+page.svelte
index 7b2bdb26..8125c63c 100644
--- a/src/routes/(app)/payment/[id]/+page.svelte
+++ b/src/routes/(app)/payment/[id]/+page.svelte
@@ -9,8 +9,9 @@
 	let { user, payment: p } = data;
 	let { username } = user;
 	let { id, amount, created, rate, type, ref, ourfee, fee, currency } = p;
+	let a = Math.abs(amount);
+
 	fee = fee || 0;
-	amount = Math.abs(amount);
 </script>
 
 <button class="ml-5 md:ml-20 mt-5 md:mt-10 hover:opacity-80" on:click={back}>
@@ -23,19 +24,22 @@
 	</h1>
 
 	{#if p.with}
-		<div class="flex justify-center">
-			<div class="my-auto">
-				<Avatar user={p.with} />
+		<div>
+			<span class="text-lg text-secondary my-auto mr-2">{amount > 0 ? 'From' : 'To'}</span>
+			<div class="flex">
+				<div class="my-auto">
+					<Avatar user={p.with} />
+				</div>
+				<div class="my-auto ml-1 text-secondary">{p.with.username}</div>
 			</div>
-			<div class="my-auto ml-1 text-secondary">{p.with.username}</div>
 		</div>
 	{/if}
 
 	<div>
 		<span class="text-lg text-secondary">Amount</span>
 		<div>
-			{f(fiat(amount, rate), currency)}
-			<span class="text-secondary">⚡️{`${s(amount)}`}</span>
+			{f(fiat(a, rate), currency)}
+			<span class="text-secondary">⚡️{`${s(a)}`}</span>
 		</div>
 	</div>
 
-- 
cgit v1.2.3