Overnap

handleUpdateRoomUser 프로토콜에 맞게 수정

...@@ -20,7 +20,9 @@ export const RoomInfo: React.FC = () => { ...@@ -20,7 +20,9 @@ export const RoomInfo: React.FC = () => {
20 users: [] 20 users: []
21 }); 21 });
22 22
23 - const handleUpdateRoomUser = useCallback((data: UpdateRoomUser) => { 23 + const handleUpdateRoomUser = useCallback((rawMessage: RawMessage) => {
24 + if (rawMessage.type == MessageType.ROOM_USER_UPDATE) {
25 + const data = rawMessage.message as UpdateRoomUser;
24 if (data.state == 'added') { 26 if (data.state == 'added') {
25 setRoomData({ 27 setRoomData({
26 ...roomData, 28 ...roomData,
...@@ -39,14 +41,15 @@ export const RoomInfo: React.FC = () => { ...@@ -39,14 +41,15 @@ export const RoomInfo: React.FC = () => {
39 users: newUsers 41 users: newUsers
40 }); 42 });
41 } 43 }
44 + }
42 }, []); 45 }, []);
43 46
44 useEffect(() => { 47 useEffect(() => {
45 setRoomData(location.state.roomData); 48 setRoomData(location.state.roomData);
46 - socket.on(MessageType.ROOM_USER_UPDATE, handleUpdateRoomUser); 49 + socket.on('msg', handleUpdateRoomUser);
47 50
48 return () => { 51 return () => {
49 - socket.off(MessageType.ROOM_USER_UPDATE, handleUpdateRoomUser); 52 + socket.off('msg', handleUpdateRoomUser);
50 53
51 const rawMessage: RawMessage = { 54 const rawMessage: RawMessage = {
52 type: MessageType.ROOM_LEAVE, 55 type: MessageType.ROOM_LEAVE,
......