From 1457d6b744522428391876fb906fd7190a8b6513 Mon Sep 17 00:00:00 2001
From: avivash <andy@fission.codes>
Date: Thu, 27 Apr 2023 10:19:07 -0700
Subject: [PATCH] Fix: switch 'connect additional device' link to use goto
 (#126)

* Fix: switch 'connect additional device' link to use goto
---
 src/components/home/Authed.svelte               | 6 ++++--
 src/components/settings/ConnectedDevices.svelte | 6 ++++--
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/components/home/Authed.svelte b/src/components/home/Authed.svelte
index 197e6f3..40410b6 100644
--- a/src/components/home/Authed.svelte
+++ b/src/components/home/Authed.svelte
@@ -1,4 +1,6 @@
 <script lang="ts">
+  import { goto } from '$app/navigation'
+
   import { sessionStore } from '../../stores'
 </script>
 
@@ -24,8 +26,8 @@
       devices as they’d like. For recoverability, we recommend they always
       connect at least two.
     </p>
-    <a class="btn btn-primary" href="/delegate-account">
+    <button class="btn btn-primary" on:click={() => goto('/delegate-account')}>
       Connect an additional device
-    </a>
+    </button>
   </div>
 </div>
diff --git a/src/components/settings/ConnectedDevices.svelte b/src/components/settings/ConnectedDevices.svelte
index 00ed0ac..caec36c 100644
--- a/src/components/settings/ConnectedDevices.svelte
+++ b/src/components/settings/ConnectedDevices.svelte
@@ -1,4 +1,6 @@
 <script lang="ts">
+  import { goto } from '$app/navigation'
+
   import { sessionStore } from '$src/stores'
 </script>
 
@@ -9,7 +11,7 @@
   {:else}
     <p>You have no other connected devices.</p>
   {/if}
-  <a class="btn btn-outline" href="/delegate-account">
+  <button class="btn btn-outline" on:click={() => goto('/delegate-account')}>
     Connect an additional device
-  </a>
+  </button>
 </div>