From 7f578ca081524dc445103894fda6955d33065687 Mon Sep 17 00:00:00 2001
From: Alastair Ong <alastair.ong@holo.host>
Date: Thu, 4 Jul 2024 10:52:38 +0100
Subject: [PATCH 1/2] ui tweaks

---
 holo-key-manager-extension/src/routes/+page.svelte              | 2 +-
 .../src/routes/list-of/happs/+page.svelte                       | 2 +-
 .../src/routes/setup-pass/enter-passphrase/+page.svelte         | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/holo-key-manager-extension/src/routes/+page.svelte b/holo-key-manager-extension/src/routes/+page.svelte
index 745c699..780a7f0 100644
--- a/holo-key-manager-extension/src/routes/+page.svelte
+++ b/holo-key-manager-extension/src/routes/+page.svelte
@@ -44,7 +44,7 @@
 {:else if hasSessionData}
 	<ActionPage
 		mainAction={redirectToListOfHapps}
-		mainActionLabel="List of hApps"
+		mainActionLabel="List of applications"
 		secondaryAction={redirectToChangePassword}
 		secondaryActionLabel="Change password"
 		title="Holo Key Manager"
diff --git a/holo-key-manager-extension/src/routes/list-of/happs/+page.svelte b/holo-key-manager-extension/src/routes/list-of/happs/+page.svelte
index da18546..bc59eed 100644
--- a/holo-key-manager-extension/src/routes/list-of/happs/+page.svelte
+++ b/holo-key-manager-extension/src/routes/list-of/happs/+page.svelte
@@ -35,7 +35,7 @@
 			class="absolute left-3 top-1/2 -translate-y-1/2"
 		/>
 		<input
-			placeholder="Search hApp"
+			placeholder="Search applications"
 			bind:value={searchInput}
 			class="rounded-md border border-grey py-1.5 pl-9 outline-none focus:outline-none"
 		/>
diff --git a/holo-key-manager-extension/src/routes/setup-pass/enter-passphrase/+page.svelte b/holo-key-manager-extension/src/routes/setup-pass/enter-passphrase/+page.svelte
index 8f59e3d..af47ac5 100644
--- a/holo-key-manager-extension/src/routes/setup-pass/enter-passphrase/+page.svelte
+++ b/holo-key-manager-extension/src/routes/setup-pass/enter-passphrase/+page.svelte
@@ -27,7 +27,7 @@
 		isDisabled={charCount < 20}
 		bind:inputValue={$passphraseStore}
 		title="Enter Passphrase"
-		description="Make your passphrase as strong as possible. It should be long, include a mix of many different type of characters, and be hard to guess. Save it somewhere safe"
+		description="Your passphrase will be used to encrypt your master seed and key files. Make it as strong as possible. It should be long, include a mix of many different type of characters, and be hard to guess. Save it somewhere safe"
 		nextLabel="Set passphrase"
 		inputState={charCount < 20
 			? 'Please enter a minimum of 20 characters'

From fa1b98df8a3a2ef1741005affd7add5aa9b1e443 Mon Sep 17 00:00:00 2001
From: Dawid Urbas <dawid@getbold.agency>
Date: Thu, 4 Jul 2024 12:28:18 +0200
Subject: [PATCH 2/2] Enhance flow

---
 .../routes/setup-pass/enter-passphrase/+page.svelte  | 12 +++++++-----
 .../src/routes/setup-pass/important/+page.svelte     | 12 +++++++-----
 2 files changed, 14 insertions(+), 10 deletions(-)

diff --git a/holo-key-manager-extension/src/routes/setup-pass/enter-passphrase/+page.svelte b/holo-key-manager-extension/src/routes/setup-pass/enter-passphrase/+page.svelte
index af47ac5..5d38452 100644
--- a/holo-key-manager-extension/src/routes/setup-pass/enter-passphrase/+page.svelte
+++ b/holo-key-manager-extension/src/routes/setup-pass/enter-passphrase/+page.svelte
@@ -15,11 +15,13 @@
 
 	const { setupPasswordQuery } = appQueries();
 
-	onMount(() => {
-		if ($setupPasswordQuery.data === false) {
-			goto('start');
-		}
-	});
+	onMount(() =>
+		setupPasswordQuery.subscribe(({ data }) => {
+			if (data === false) {
+				goto('start');
+			}
+		})
+	);
 </script>
 
 {#if passphraseState === 'set'}
diff --git a/holo-key-manager-extension/src/routes/setup-pass/important/+page.svelte b/holo-key-manager-extension/src/routes/setup-pass/important/+page.svelte
index 10cbe43..01d09ba 100644
--- a/holo-key-manager-extension/src/routes/setup-pass/important/+page.svelte
+++ b/holo-key-manager-extension/src/routes/setup-pass/important/+page.svelte
@@ -7,11 +7,13 @@
 
 	const { setupPasswordQuery } = appQueries();
 
-	onMount(() => {
-		if ($setupPasswordQuery.data === false) {
-			goto('start');
-		}
-	});
+	onMount(() =>
+		setupPasswordQuery.subscribe(({ data }) => {
+			if (data === false) {
+				goto('start');
+			}
+		})
+	);
 </script>
 
 <img class="mb-12" src="/img/exclamation.svg" alt="Exclamation" />