Update room state on receiving RoomJoinResponse.

src/modules/room/message.ts

@@ -8,6 +8,7 @@ import {
   roomSendMessage,
   roomSetMembership,
   roomSetAll,
+  roomSetState,
 } from "modules/room/slice";
 import { SocketMessage, SocketMessageMiddleware } from "modules/socket/message";
 
@@ -76,12 +77,8 @@ function handleRoomMessageResponse(dispatch: AppDispatch, response): void {
 }
 
 function handleRoomJoinResponse(dispatch: AppDispatch, response): void {
-  dispatch(
-    roomSetMembership([
-      response.room_name,
-      RoomMembership.Joined,
-    ])
-  );
+  const room = convertRoomListEntry(response.room_name, response.room);
+  dispatch(roomSetState(room));
 }
 
 function handleRoomLeaveResponse(dispatch: AppDispatch, response): void {

src/modules/room/slice.ts

@@ -63,6 +63,11 @@ export const roomSlice = createSlice({
 
       room.membership = membership;
     },
+    roomSetState: (state: RoomSliceState,
+                   action: PayloadAction<RoomState>) => {
+      const room = action.payload;
+      state.rooms[room.name] = room;
+    },
     roomReceiveMessage: (
       state: RoomSliceState,
       action: PayloadAction<RoomMessagePayload>
@@ -106,6 +111,7 @@ export const roomSlice = createSlice({
 
 export const {
   roomSetMembership,
+  roomSetState,
   roomReceiveMessage,
   roomSendMessage,
   roomGetAll,