From d7716bd4516c4c7a01b020e18cba72aa6f5b29d2 Mon Sep 17 00:00:00 2001
From: Avraham Sakal <avraham@torahanytime.com>
Date: Sun, 27 Jul 2025 09:57:45 -0400
Subject: [PATCH] "chats" menu open by default

---
 layouts/LayoutDefault.tsx | 25 ++++++++++++++-----------
 1 file changed, 14 insertions(+), 11 deletions(-)

diff --git a/layouts/LayoutDefault.tsx b/layouts/LayoutDefault.tsx
index 341ab77..c148e0a 100644
--- a/layouts/LayoutDefault.tsx
+++ b/layouts/LayoutDefault.tsx
@@ -54,7 +54,7 @@ export default function LayoutDefault({
   //   }
   // }, [isConversationListExpanded]);
 
-  function handleDeleteConversation(conversationId: ConversationsId) {
+  function handleDeleteConversation(conversationId: string) {
     removeConversation(conversationId);
     trpc.chat.deleteConversation.mutate({ id: conversationId });
   }
@@ -95,10 +95,9 @@ export default function LayoutDefault({
           <NavLink
             key="chat-new"
             href="#required-for-focus-management"
-            label="Chats"
-            leftSection={<IconActivity size={16} stroke={1.5} />}
-            rightSection={
-              <>
+            label={
+              <Group justify="space-between">
+                <span>Chats</span>
                 <IconPlus
                   size={16}
                   stroke={1.5}
@@ -113,15 +112,19 @@ export default function LayoutDefault({
                     });
                   }}
                 />
-                <IconChevronRight
-                  size={12}
-                  stroke={1.5}
-                  className="mantine-rotate-rtl"
-                />
-              </>
+              </Group>
+            }
+            leftSection={<IconActivity size={16} stroke={1.5} />}
+            rightSection={
+              <IconChevronRight
+                size={12}
+                stroke={1.5}
+                className="mantine-rotate-rtl"
+              />
             }
             variant="subtle"
             active={urlPathname.startsWith("/chat")}
+            defaultOpened={true}
           >
             {conversations.map((conversation) => (
               <NavLink