From 06a03f5ab10cf1c589ef3b9f49e64c0f3d3010d9 Mon Sep 17 00:00:00 2001
From: Jon Staab <shtaab@gmail.com>
Date: Mon, 18 Nov 2024 16:33:20 -0800
Subject: [PATCH] Add fallback nav items on mobile

---
 src/routes/spaces/[relay]/+page.svelte | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/src/routes/spaces/[relay]/+page.svelte b/src/routes/spaces/[relay]/+page.svelte
index 03f7744..85e0016 100644
--- a/src/routes/spaces/[relay]/+page.svelte
+++ b/src/routes/spaces/[relay]/+page.svelte
@@ -9,8 +9,8 @@
   import ProfileFeed from "@app/components/ProfileFeed.svelte"
   import RelayName from "@app/components/RelayName.svelte"
   import RelayDescription from "@app/components/RelayDescription.svelte"
-  import {decodeRelay} from "@app/state"
-  import {makeChatPath} from "@app/routes"
+  import {decodeRelay, roomsByUrl} from "@app/state"
+  import {makeChatPath, makeRoomPath, makeSpacePath} from "@app/routes"
 
   const url = decodeRelay($page.params.relay)
   const relay = deriveRelay(url)
@@ -87,6 +87,17 @@
         </div>
       {/if}
     </div>
+    <div class="grid grid-cols-3 gap-2 md:hidden">
+      <Link href={makeSpacePath(url, "threads")} class="bg-alt btn btn-neutral border-none">
+        <Icon icon="notes-minimalistic" /> Threads
+      </Link>
+      {#each $roomsByUrl.get(url) || [] as room (room)}
+        <Link href={makeRoomPath(url, room)} class="bg-alt btn btn-neutral border-none">
+          <Icon icon="hashtag" />
+          {room}
+        </Link>
+      {/each}
+    </div>
     {#if pubkey}
       <Divider>Recent posts from the relay admin</Divider>
       <ProfileFeed {url} {pubkey} />