From 7a215961c3b91400a6c955195a4369ff936a00c3 Mon Sep 17 00:00:00 2001
From: Adam Soltys <asoltys@gmail.com>
Date: Thu, 16 Nov 2023 09:23:04 -0800
Subject: refresh usernames

---
 src/locales/en.json                    |  2 +-
 src/routes/(app)/register/+page.svelte | 20 ++++++++++++++++----
 2 files changed, 17 insertions(+), 5 deletions(-)

(limited to 'src')

diff --git a/src/locales/en.json b/src/locales/en.json
index 36cb3518..f10a4db7 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -121,7 +121,7 @@
 		"username": "Username",
 		"password": "Password",
 		"email": "Email",
-		"passwordRecommendation": "Change to a longer random password if you intend to keep significant funds in the account.",
+		"passwordRecommendation": "We recommend using a long, random password if you intend to keep funds in your account.",
 		"forgotUserOrPassword": "Forgot Username or Password?",
 		"haveAccount": "Already have an account?",
 		"noAccount": "Don't have an account?",
diff --git a/src/routes/(app)/register/+page.svelte b/src/routes/(app)/register/+page.svelte
index 215c93d6..16dea024 100644
--- a/src/routes/(app)/register/+page.svelte
+++ b/src/routes/(app)/register/+page.svelte
@@ -16,7 +16,7 @@
 	export let form;
 	export let data;
 
-  $: data && ($avatar = undefined);
+	$: data && ($avatar = undefined);
 
 	let cleared;
 	let clear = () => {
@@ -28,9 +28,18 @@
 		}
 	};
 
-	let { index, username } = data;
+	let refresh = async () => {
+		await invalidateAll();
+		await tick();
+		username = data.username;
+		$password = data.password;
+	};
+
+	let username = data.username;
 	$password = data.password;
 
+	let { index } = data;
+
 	afterNavigate(async () => {
 		try {
 			await invalidateAll();
@@ -134,7 +143,7 @@
 
 	<div class="flex justify-center items-center">
 		<div class="shadow-xl rounded-3xl p-4 pt-0 space-y-5 w-full mx-5 md:mx-0 md:w-[400px]">
-			<inpue
+			<input
 				type="file"
 				class="hidden"
 				bind:this={avatarInput}
@@ -180,7 +189,7 @@
 				/>
 				<input type="hidden" name="token" value={token} />
 
-				<div>
+				<div class="relative">
 					<label for="username" class="font-semibold">{$t('login.username')}</label>
 					<input
 						name="username"
@@ -191,6 +200,9 @@
 						on:focus={clear}
 						autocapitalize="none"
 					/>
+					<button type="button" on:click={refresh} class="absolute right-5 top-10">
+						<Icon icon="refresh" style="w-6" />
+					</button>
 				</div>
 
 				<div class="relative">
-- 
cgit v1.2.3