2020-01-22 19:43:36 +00:00
|
|
|
import React, { useEffect, useState } from 'react';
|
|
|
|
import { useParams } from 'react-router-dom';
|
2020-01-09 01:17:10 +00:00
|
|
|
import './Room.scss';
|
2020-01-22 19:43:36 +00:00
|
|
|
import socketIOClient from 'socket.io-client';
|
|
|
|
import config from '../../config';
|
|
|
|
|
|
|
|
const Room = (props) => {
|
|
|
|
const roomId = useParams().id;
|
|
|
|
const [ socketData, setSocketData ] = useState();
|
|
|
|
const [ messages, setMessages ] = useState();
|
|
|
|
|
|
|
|
// ! [start] roomSocket
|
|
|
|
const roomSocket = socketIOClient(`${config.socketAddress}/${roomId}`)
|
|
|
|
|
|
|
|
const roomSocketConnect = () => {
|
|
|
|
roomSocket.emit('connect');
|
|
|
|
// ! dispatch data
|
|
|
|
roomSocket.on('connected', data => setSocketData('room socket connected'));
|
|
|
|
roomSocket.on('connect_error', err => console.log(err));
|
|
|
|
roomSocket.on('error', err => console.log(err));
|
|
|
|
}
|
|
|
|
|
|
|
|
useEffect(() => {
|
|
|
|
roomSocketConnect();
|
|
|
|
}, [])
|
|
|
|
// ! [end]
|
2020-01-08 21:37:44 +00:00
|
|
|
|
|
|
|
return (
|
2020-01-16 05:59:05 +00:00
|
|
|
<div className="Room" data-testid="Room">
|
2020-01-22 19:43:36 +00:00
|
|
|
<h2></h2>
|
2020-01-16 05:59:05 +00:00
|
|
|
</div>
|
2020-01-08 21:37:44 +00:00
|
|
|
);
|
|
|
|
}
|
|
|
|
|
|
|
|
export default Room;
|