Import React, { Component } from 'react'; import ActionCable from 'actioncable'; import

Question

Import React, { Component } from 'react'; import ActionCable from 'actioncable'; import

Cookies from 'universal-cookie';
import visitorInfo from 'visitor-info';
import Widget from './Widget';

const cookies = new Cookies();
cookies.set(live_chat_id', '98765432123654987', { path: '/' });

const cable = ActionCable.createConsumer(
'ws://localhost:3000/cable?account=123456789'
);

let message = '123';
const livechat = cable.subscriptions.create(
{
channel: 'LiveChatChannel',
account: 123456789,
visitor: cookies.get('live_chat_id'),
info: visitorInfo(),
},
{
received(data) {
message = data;
},
}
);

class App extends Component {
render() {
return (
<div className="App">
<Widget livechat={livechat} message={message} />
</div>
);
}
}

export default App;