Move unfavorited voice rooms into a new section in the SpaceMenu

src/app/components/SpaceMenu.svelte

@@ -49,6 +49,7 @@
     deriveOtherRooms,
     deriveRoomsWithLivekit,
     deriveRoomsNoText,
+    deriveOtherVoiceRooms,
     userSpaceUrls,
     hasNip29,
     deriveUserCanCreateRoom,
@@ -74,6 +75,7 @@
   const otherRooms = deriveOtherRooms(url)
   const roomsWithLivekit = deriveRoomsWithLivekit(url)
   const roomsNoText = deriveRoomsNoText(url)
+  const otherVoiceRooms = deriveOtherVoiceRooms(url)
   const members = deriveSpaceMembers(url)
   const userIsAdmin = deriveUserIsSpaceAdmin(url)
   const reports = deriveEventsForUrl(url, [{kinds: [REPORT]}])
@@ -289,9 +291,13 @@
           {#if !$roomsNoText.has(h)}
             <SpaceMenuRoomItem {replaceState} {url} {h} />
           {/if}
-          {#if $roomsWithLivekit.has(h)}
+        {/each}
-            <VoiceRoomItem {url} {h} />
+        {#if $otherVoiceRooms.length > 0}
-          {/if}
+          <div class="h-2"></div>
+          <SecondaryNavHeader>Voice Rooms</SecondaryNavHeader>
+        {/if}
+        {#each $otherVoiceRooms as h (h)}
+          <VoiceRoomItem {url} {h} />
         {/each}
         {#if $canCreateRoom}
           <SecondaryNavItem {replaceState} onclick={addRoom}>

src/app/core/state.ts

@@ -686,6 +686,22 @@ export const deriveRoomsNoText = (url: string) =>
     return set
   })
 
+export const deriveOtherVoiceRooms = (url: string) =>
+  derived(
+    [deriveRoomsWithLivekit(url), deriveUserRooms(url)],
+    ([$roomsWithLivekit, $userRooms]) => {
+      const rooms: string[] = []
+
+      for (const h of $roomsWithLivekit) {
+        if (!$userRooms.includes(h)) {
+          rooms.push(h)
+        }
+      }
+
+      return sortBy(roomComparator(url), uniq(rooms))
+    },
+  )
+
 // User space/room lists
 
 export const groupListsByPubkey = deriveItemsByKey({