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 +++++++++++++++++++-------
 svelte.config.js             | 10 ++++++++++
 2 files changed, 29 insertions(+), 7 deletions(-)

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>
diff --git a/svelte.config.js b/svelte.config.js
index 31ba570..9af5c40 100644
--- a/svelte.config.js
+++ b/svelte.config.js
@@ -41,6 +41,16 @@ const config = {
 					},
 				},
 			},
+			// if the user is on replit or gitpod, use a secure websocket
+			server:
+				process.env.REPL_ID || process.env.GITPOD_WORKSPACE_ID
+					? {
+						hmr: {
+							protocol: 'wss',
+							port: 443,
+						},
+					}
+					: {},
 		},
 	}
 }
-- 
cgit