feat: server image

toju-app/src/app/store/rooms/room-settings.effects.ts

@@ -308,18 +308,29 @@ export class RoomSettingsEffects {
   updateServerIcon$ = createEffect(() =>
     this.actions$.pipe(
       ofType(RoomsActions.updateServerIcon),
-      withLatestFrom(this.store.select(selectCurrentUser), this.store.select(selectCurrentRoom)),
+      withLatestFrom(
+        this.store.select(selectCurrentUser),
+        this.store.select(selectCurrentRoom),
+        this.store.select(selectSavedRooms)
+      ),
       mergeMap(([
         { roomId, icon },
         currentUser,
-        currentRoom
+        currentRoom,
+        savedRooms
       ]) => {
-        if (!currentUser || !currentRoom || currentRoom.id !== roomId) {
-          return of(RoomsActions.updateServerIconFailure({ error: 'Not in room' }));
+        if (!currentUser) {
+          return of(RoomsActions.updateServerIconFailure({ error: 'Not logged in' }));
         }
 
-        const isOwner = currentRoom.hostId === currentUser.id;
-        const canByRole = resolveRoomPermission(currentRoom, currentUser, 'manageIcon');
+        const room = resolveRoom(roomId, currentRoom, savedRooms);
+
+        if (!room) {
+          return of(RoomsActions.updateServerIconFailure({ error: 'Room not found' }));
+        }
+
+        const isOwner = room.hostId === currentUser.id || room.hostId === currentUser.oderId;
+        const canByRole = resolveRoomPermission(room, currentUser, 'manageIcon');
 
         if (!isOwner && !canByRole) {
           return of(RoomsActions.updateServerIconFailure({ error: 'Permission denied' }));
@@ -329,15 +340,32 @@ export class RoomSettingsEffects {
         const changes: Partial<Room> = { icon,
           iconUpdatedAt };
 
-        this.db.updateRoom(roomId, changes);
+        this.db.updateRoom(room.id, changes);
         this.webrtc.broadcastMessage({
           type: 'server-icon-update',
-          roomId,
+          roomId: room.id,
           icon,
           iconUpdatedAt
         });
+        this.webrtc.sendRawMessage({
+          type: 'server_icon_available',
+          serverId: room.id,
+          iconUpdatedAt
+        });
 
-        return of(RoomsActions.updateServerIconSuccess({ roomId,
+        this.serverDirectory.updateServer(room.id, {
+          currentOwnerId: currentUser.id,
+          actingRole: isOwner ? 'host' : undefined,
+          icon,
+          iconUpdatedAt
+        }, {
+          sourceId: room.sourceId,
+          sourceUrl: room.sourceUrl
+        }).subscribe({
+          error: () => {}
+        });
+
+        return of(RoomsActions.updateServerIconSuccess({ roomId: room.id,
           icon,
           iconUpdatedAt }));
       })