diff --git a/frontend/src/components/TicketListItem/index.js b/frontend/src/components/TicketListItem/index.js index 931be34..38c00a3 100644 --- a/frontend/src/components/TicketListItem/index.js +++ b/frontend/src/components/TicketListItem/index.js @@ -154,12 +154,14 @@ const TicketListItem = ({ ticket, remoteTicketsControll, settings }) => { useEffect(() => { //const socket = openSocket(process.env.REACT_APP_BACKEND_URL) - socket.on('remoteTickesControll', (data) => { + const onRemoteTickesControllTicketListItem = (data) => { console.log('REMOTE TICKETS CONTROLL UPDATE2: ', data.tickets) if (data.action === 'update') { setRemoteTicketsControll(data.tickets) } - }) + } + + socket.on('remoteTickesControll', onRemoteTickesControllTicketListItem) const onSettingsTicketListItem = (data) => { if (data.action === 'update') { @@ -175,7 +177,7 @@ const TicketListItem = ({ ticket, remoteTicketsControll, settings }) => { socket.on('settings', onSettingsTicketListItem) return () => { - socket.removeAllListeners('remoteTickesControll'); + socket.off('remoteTickesControll', onRemoteTickesControllTicketListItem); socket.off('settings', onSettingsTicketListItem); } }, []) diff --git a/frontend/src/components/TicketsList/index.js b/frontend/src/components/TicketsList/index.js index 73b0f1e..20ebe2f 100644 --- a/frontend/src/components/TicketsList/index.js +++ b/frontend/src/components/TicketsList/index.js @@ -323,13 +323,14 @@ const TicketsList = (props) => { } }) - - socket.on('remoteTickesControll', (data) => { + const onRemoteTickesControllTicketList = (data) => { console.log('REMOTE TICKETS CONTROLL UPDATE 1: ', data.tickets) if (data.action === 'update') { setRemoteTicketsControll(data.tickets) } - }) + } + + socket.on('remoteTickesControll', onRemoteTickesControllTicketList) const onSettingsTicketList = (data) => { if (data.action === 'update') { @@ -350,7 +351,7 @@ const TicketsList = (props) => { socket.removeAllListeners("contact") socket.off('connect', onConnectTicketList); socket.off('settings', onSettingsTicketList); - socket.removeAllListeners('remoteTickesControll'); + socket.off('remoteTickesControll', onRemoteTickesControllTicketList); } }, [status, showAll, user, selectedQueueIds, tab])