Merge pull request #8 from Holo-Host/ui-tweaks

Final UI tweaks
Holo-Host · Jul 5, 2024 · 209367c · 209367c
2 parents e18bab5 + fa1b98d
commit 209367c
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 13 deletions.
diff --git 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
@@ -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
@@ -15,19 +15,21 @@
 
 	const { setupPasswordQuery } = appQueries();
 
-	onMount(() => {
-		if ($setupPasswordQuery.data === false) {
-			goto('start');
-		}
-	});
+	onMount(() =>
+		setupPasswordQuery.subscribe(({ data }) => {
+			if (data === false) {
+				goto('start');
+			}
+		})
+	);
 </script>
 
 {#if passphraseState === 'set'}
 	<EnterSecretComponent
 		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'

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
@@ -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" />