From 8b6896c6962d3ad371f5e17f1a3ab20364a5f855 Mon Sep 17 00:00:00 2001
From: mat <github@matdoes.dev>
Date: Mon, 21 Mar 2022 16:28:33 +0000
Subject: bank improvements + reload fix for gitpod

---
 src/lib/sections/Bank.svelte | 26 +++++++++++++++++++-------
 1 file changed, 19 insertions(+), 7 deletions(-)

(limited to 'src/lib/sections')

diff --git a/src/lib/sections/Bank.svelte b/src/lib/sections/Bank.svelte
index 46c70c9..9bd2b8f 100644
--- a/src/lib/sections/Bank.svelte
+++ b/src/lib/sections/Bank.svelte
@@ -13,11 +13,20 @@
 </script>
 
 {#if data.profile.bank}
-	<p class="bank-main-current-balance">
-		Current balance: <span class="bank-main-current-balance-value"
-			><b>{data.profile.bank.balance}</b> coins</span
-		>
-	</p>
+	<div class="bank-main-current-balance">
+		<p>
+			Current bank balance:
+			<span class="bank-main-current-balance-value">
+				<b>{data.profile.bank.balance?.toLocaleString()}</b> coins
+			</span>
+		</p>
+		<p>
+			Purse:
+			<span class="bank-main-current-balance-value">
+				<b>{data.member.purse.toLocaleString()}</b> coins
+			</span>
+		</p>
+	</div>
 	{#each data.profile.bank.history as transaction}
 		<div>
 			<span class="transaction-player">
@@ -30,7 +39,7 @@
 			</span>
 			<Tooltip>
 				<span slot="tooltip">
-					New balance: <b>{transaction.total}</b>
+					New balance: <b>{transaction.total.toLocaleString()}</b>
 				</span>
 				<span
 					class:difference-positive={transaction.change > 0}
@@ -43,7 +52,7 @@
 			</Tooltip>
 
 			<span class="transaction-timeago">
-				{millisecondsToTime(Date.now() - transaction.timestamp)}
+				{millisecondsToTime(Date.now() - transaction.timestamp)} ago
 			</span>
 		</div>
 	{/each}
@@ -74,4 +83,7 @@
 	.bank-main-current-balance-value {
 		color: var(--theme-main-text);
 	}
+	p {
+		margin: 0;
+	}
 </style>
-- 
cgit