Add new page

src/routes/setup/enter-passphrase/+page.svelte

@@ -5,6 +5,7 @@
 	import EnterPassphraseComponent from './EnterPassphraseComponent.svelte';
 	import type { SetPassphrase } from '$lib/types';
 	import type { Writable } from 'svelte/store';
+	import { goto } from '$app/navigation';
 
 	const passphraseStore = getContext<Writable<string>>(passphrase);
 
@@ -40,6 +41,6 @@
 		description="Tying loose ends, please enter your passphrase again."
 		nextLabel="Next"
 		inputState={confirmPassphrase !== $passphraseStore ? 'Passphrases do not match' : ``}
-		next={() => null}
+		next={() => goto('/setup/generate-keys')}
 	/>
 {/if}

src/routes/setup/generate-keys/+page.svelte

@@ -0,0 +1,17 @@
+<script lang="ts">
+	import { getContext, onMount } from 'svelte';
+	import { passphrase } from '$stores';
+	import type { Writable } from 'svelte/store';
+	import { goto } from '$app/navigation';
+
+	const passphraseStore = getContext<Writable<string>>(passphrase);
+
+	onMount(() => {
+		if ($passphraseStore === '') {
+			goto('/setup/start');
+		}
+	});
+</script>
+
+<img src="/img/download.svg" alt="Download" class="w-12 my-4" />
+<h1 class="text-4xl font-bold text-center">Generate Seed & Key files</h1>

static/manifest.json

@@ -1,7 +1,7 @@
 {
 	"name": "Holo key manager",
 	"description": "A browser extension to manage holo keys",
-	"version": "0.0.10",
+	"version": "0.0.11",
 	"manifest_version": 3,
 	"browser_specific_settings": {
 		"gecko": {