rework routing

src/App.svelte

@@ -3,12 +3,11 @@ import { emit, listen } from '@tauri-apps/api/event';
 import Home from './views/Home.svelte';
 import Approve from './views/Approve.svelte';
 
-// listen('credentials-request', (event) => {
-//     const passphrase = prompt('Please enter your passphrase:');
-//     emit('passphrase-entered', passphrase);
-// });
+let activeComponent = Home;
 
-let activeComponent = Approve;
+listen('credentials-request', (event) => {
+    activeComponent = Approve;
+})
 </script>
 
 <svelte:component this={activeComponent} />

src/lib/queue.js

@@ -1,13 +1,19 @@
+/* Simple asynchronous queue.
+To make `get` blocking, we create a new promise and store its `resolve` function in `resolvers`.
+The next time an item is added to the queue, it will be resolved.
+*/
+
 export default function() {
     return {
         items: [],
 
-        resolvers: []
+        resolvers: [],
 
         put(item) {
             this.items.push(item);
-            if (resolvers.length > 0) {
-                resolvers.shift().resolve();
+            if (this.resolvers.length > 0) {
+                let resolver = this.resolvers.shift();
+                resolver();
             }
         },
 

src/views/Approve.svelte

@@ -1,9 +1,6 @@
 <script>
     import { createEventDispatcher } from 'svelte';
 
-    import check_circle from '../assets/check-circle.svg?raw';
-    import x_circle from '../assets/x-circle.svg?raw';
-
     const dispatch = createEventDispatcher();
 </script>