update title with autorun

Author: notbakaneko

resources/js/chat/chat-state-store.ts

@@ -125,6 +125,18 @@ export default class ChatStateStore implements DispatchListener {
         this.publicChannels.load();
       }
     });
+
+    autorun(() => {
+      if (this.isChatMounted) {
+        const selectedChannelOrType = this.selectedChannelOrType;
+        const channelName = selectedChannelOrType instanceof Channel
+          ? selectedChannelOrType.name
+          : trans(`chat.channels.${selectedChannelOrType ?? 'none'}`);
+
+        // FIXME: channelName on sendto=
+        core.browserTitleWithNotificationCount.title = `${channelName} · ${trans('page_title.main.chat_controller._')}`;
+      }
+    });
   }
 
   // Only up to one join/create channel operation should be allowed to be running at any time.
@@ -305,23 +317,19 @@ export default class ChatStateStore implements DispatchListener {
   private updateUrl(channel: Channel | AddChannelType, mode: 'advanceHistory' | 'replaceHistory' | null) {
     if (mode == null) return;
 
-    let channelName: string;
     let hash = '';
     let params: Record<'channel_id' | 'sendto', string | null | undefined>;
 
     if (typeof channel === 'string') {
-      channelName = trans(`chat.channels.${channel}`);
       hash = channel;
       params = { channel_id: null, sendto: null };
     } else {
-      channelName = channel.name;
       params = channel.newPmChannel
         ? { channel_id: null, sendto: channel.pmTarget?.toString() }
         : { channel_id: channel.channelId.toString(), sendto: null };
 
     }
 
     Turbolinks.controller[mode](updateQueryString(null, params, hash));
-    core.browserTitleWithNotificationCount.title = `${channelName} · ${trans('page_title.main.chat_controller._')}`;
   }
 }

resources/lang/en/chat.php

@@ -19,6 +19,7 @@
         'confirm_part' => 'Do you want to hide this channel? You will still receive messages from this channel.',
         'create' => 'create announcement',
         'join' => 'join channel',
+        'none' => 'no channel',
 
         'list' => [
             'title' => [