feat: synchronize conversation name to document.title

anse-app · May 21, 2023 · 2bcb2c2 · 2bcb2c2
1 parent 76c2b01
commit 2bcb2c2
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/src/components/header/ConversationHeaderInfo.tsx b/src/components/header/ConversationHeaderInfo.tsx
@@ -1,4 +1,4 @@
-import { Show } from 'solid-js'
+import { Show, createEffect } from 'solid-js'
 import { useStore } from '@nanostores/solid'
 import { conversationMap, currentConversationId } from '@/stores/conversation'
 import { useI18n } from '@/hooks'
@@ -11,6 +11,8 @@ export default () => {
     return $conversationMap()[$currentConversationId()]
   }
 
+  createEffect(() => { document.title = currentConversation() ? `Anse • ${(currentConversation().name || t('conversations.untitled'))}` : 'Anse' })
+
   return (
     <div class="fi gap-1 max-w-40vw px-2 overflow-hidden text-sm">
       <Show when={currentConversation()}>