feat: Add notifications

toju-app/src/app/features/room/rooms-side-panel/rooms-side-panel.component.ts

@@ -37,6 +37,7 @@ import { RoomsActions } from '../../../store/rooms/rooms.actions';
 import { MessagesActions } from '../../../store/messages/messages.actions';
 import { RealtimeSessionFacade } from '../../../core/realtime';
 import { ScreenShareFacade } from '../../../domains/screen-share';
+import { NotificationsFacade } from '../../../domains/notifications';
 import { VoiceActivityService, VoiceConnectionFacade } from '../../../domains/voice-connection';
 import { VoiceSessionFacade, VoiceWorkspaceService } from '../../../domains/voice-session';
 import { VoicePlaybackService } from '../../../domains/voice-connection/application/voice-playback.service';
@@ -93,6 +94,7 @@ export class RoomsSidePanelComponent {
   private realtime = inject(RealtimeSessionFacade);
   private voiceConnection = inject(VoiceConnectionFacade);
   private screenShare = inject(ScreenShareFacade);
+  private notifications = inject(NotificationsFacade);
   private voiceSessionService = inject(VoiceSessionFacade);
   private voiceWorkspace = inject(VoiceWorkspaceService);
   private voicePlayback = inject(VoicePlaybackService);
@@ -303,6 +305,40 @@ export class RoomsSidePanelComponent {
     }
   }
 
+  toggleChannelNotifications(): void {
+    const channel = this.contextChannel();
+    const roomId = this.currentRoom()?.id;
+
+    this.closeChannelMenu();
+
+    if (!channel || channel.type !== 'text' || !roomId) {
+      return;
+    }
+
+    this.notifications.setChannelMuted(
+      roomId,
+      channel.id,
+      !this.notifications.isChannelMuted(roomId, channel.id)
+    );
+  }
+
+  isContextChannelMuted(): boolean {
+    const channel = this.contextChannel();
+    const roomId = this.currentRoom()?.id;
+
+    return !!channel && channel.type === 'text' && !!roomId && this.notifications.isChannelMuted(roomId, channel.id);
+  }
+
+  channelUnreadCount(channelId: string): number {
+    const roomId = this.currentRoom()?.id;
+
+    return roomId ? this.notifications.channelUnreadCount(roomId, channelId) : 0;
+  }
+
+  formatUnreadCount(count: number): string {
+    return count > 99 ? '99+' : String(count);
+  }
+
   resyncMessages() {
     this.closeChannelMenu();
     const room = this.currentRoom();