Update router methods

src/routes/settings/+page.svelte

@@ -19,12 +19,12 @@
       event: createEvent(SETTINGS, {
         content: await $signer!.nip04.encrypt($pubkey!, JSON.stringify(settings)),
       }),
-      relays: ctx.app.router.WriteRelays().getUrls(),
+      relays: ctx.app.router.FromUser().getUrls(),
     })
 
     publishThunk({
       event: createEvent(MUTES, {tags: mutedPubkeys.map(tagPubkey)}),
-      relays: ctx.app.router.WriteRelays().getUrls(),
+      relays: ctx.app.router.FromUser().getUrls(),
     })
 
     pushToast({message: "Your settings have been saved!"})

src/routes/settings/profile/+page.svelte

@@ -48,7 +48,7 @@
   }
 
   const saveEdit = () => {
-    const relays = ctx.app.router.WriteRelays().getUrls()
+    const relays = ctx.app.router.FromUser().getUrls()
     const template = isPublishedProfile(values) ? editProfile(values) : createProfile(values)
     const event = createEvent(template.kind, template)
 

src/routes/spaces/[relay]/threads/+page.svelte

@@ -32,8 +32,11 @@
   let limit = 5
   let loading = true
   let element: Element
+  let scroller
 
   onMount(() => {
+    let unmounted = false
+
     const ctrl = createFeedController({
       feed,
       onExhausted: () => {
@@ -46,20 +49,26 @@
       relays: [url],
     })
 
-    const scroller = createScroller({
-      element,
-      delay: 300,
-      threshold: 3000,
-      onScroll: async () => {
-        limit += 5
+    // Element is frequently not defined. I don't know why
+    setTimeout(() => {
+      if (!unmounted) {
+        scroller = createScroller({
+          element,
+          delay: 300,
+          threshold: 3000,
+          onScroll: async () => {
+            limit += 5
 
-        await ctrl.load(5)
-      },
-    })
+            await ctrl.load(5)
+          },
+        })
+      }
+    }, 1000)
 
     return () => {
+      unmounted = true
       unsub()
-      scroller.stop()
+      scroller?.stop()
     }
   })
 </script>