feat: synchronize conversation name to document.title

CNSeniorious000 · web-flow · commit 2bcb2c23cac3 · 2023-05-22T05:08:22.000+08:00
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()}>
