Showing
1 changed file
with
6 additions
and
3 deletions
... | @@ -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, | ... | ... |
-
Please register or login to post a comment