From 7c11eb8947f4ec8590547172e4d4181f15694e64 Mon Sep 17 00:00:00 2001
From: Jon Staab <shtaab@gmail.com>
Date: Mon, 30 Jun 2025 11:03:02 -0700
Subject: [PATCH] Allow mark all as read on desktop

---
 .../{ChatMenuMobile.svelte => ChatMenu.svelte}     |  0
 src/routes/chat/+layout.svelte                     | 14 ++++++++------
 src/routes/chat/+page.svelte                       |  4 ++--
 3 files changed, 10 insertions(+), 8 deletions(-)
 rename src/app/components/{ChatMenuMobile.svelte => ChatMenu.svelte} (100%)

diff --git a/src/app/components/ChatMenuMobile.svelte b/src/app/components/ChatMenu.svelte
similarity index 100%
rename from src/app/components/ChatMenuMobile.svelte
rename to src/app/components/ChatMenu.svelte
diff --git a/src/routes/chat/+layout.svelte b/src/routes/chat/+layout.svelte
index 96281b93..51abe3a9 100644
--- a/src/routes/chat/+layout.svelte
+++ b/src/routes/chat/+layout.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+  import type {Snippet} from "svelte"
   import {page} from "$app/stores"
   import {WRAP} from "@welshman/util"
   import {Router} from "@welshman/router"
@@ -10,18 +11,19 @@
   import SecondaryNav from "@lib/components/SecondaryNav.svelte"
   import SecondaryNavHeader from "@lib/components/SecondaryNavHeader.svelte"
   import SecondaryNavSection from "@lib/components/SecondaryNavSection.svelte"
-  import ChatStart from "@app/components/ChatStart.svelte"
+  import ChatMenu from "@app/components/ChatMenu.svelte"
   import ChatItem from "@app/components/ChatItem.svelte"
   import {chatSearch} from "@app/state"
   import {pullConservatively} from "@app/requests"
   import {pushModal} from "@app/modal"
-  interface Props {
-    children?: import("svelte").Snippet
+
+  type Props = {
+    children?: Snippet
   }
 
   const {children}: Props = $props()
 
-  const startChat = () => pushModal(ChatStart)
+  const openMenu = () => pushModal(ChatMenu)
 
   const promise = pullConservatively({
     filters: [{kinds: [WRAP], "#p": [$pubkey!]}],
@@ -37,8 +39,8 @@
   <SecondaryNavSection>
     <SecondaryNavHeader>
       Chats
-      <Button onclick={startChat}>
-        <Icon icon="add-circle" />
+      <Button onclick={openMenu}>
+        <Icon icon="menu-dots" />
       </Button>
     </SecondaryNavHeader>
   </SecondaryNavSection>
diff --git a/src/routes/chat/+page.svelte b/src/routes/chat/+page.svelte
index 920dbd92..34776c47 100644
--- a/src/routes/chat/+page.svelte
+++ b/src/routes/chat/+page.svelte
@@ -6,7 +6,7 @@
   import ContentSearch from "@lib/components/ContentSearch.svelte"
   import ChatItem from "@app/components/ChatItem.svelte"
   import ChatStart from "@app/components/ChatStart.svelte"
-  import ChatMenuMobile from "@app/components/ChatMenuMobile.svelte"
+  import ChatMenu from "@app/components/ChatMenu.svelte"
   import {chatSearch} from "@app/state"
   import {pushModal} from "@app/modal"
   import {setChecked} from "@app/notifications"
@@ -15,7 +15,7 @@
 
   const startChat = () => pushModal(ChatStart)
 
-  const openMenu = () => pushModal(ChatMenuMobile)
+  const openMenu = () => pushModal(ChatMenu)
 
   const chats = $derived($chatSearch.searchOptions(term))