diff --git a/src/recent-torrents.js b/src/recent-torrents.js index c565bfd..3c8f04b 100644 --- a/src/recent-torrents.js +++ b/src/recent-torrents.js @@ -152,12 +152,17 @@ export default class RecentTorrents extends Component { this.torrents = data; this.forceUpdate(); }); - window.torrentSocket.on('newTorrent', (torrent) => { + this.newTorrentFunc = (torrent) => { this.torrents.unshift(torrent); if(this.torrents.length > 10) this.torrents.pop() this.forceUpdate(); - }); + }; + window.torrentSocket.on('newTorrent', this.newTorrentFunc); + } + componentWillUnmount() { + if(this.newTorrentFunc) + window.torrentSocket.off('newTorrent', this.newTorrentFunc); } render() { if(!this.torrents || this.torrents.length == 0) diff --git a/src/search.js b/src/search.js index 276075b..ab2f320 100644 --- a/src/search.js +++ b/src/search.js @@ -46,14 +46,17 @@ export default class Search extends Component { }); } componentDidMount() { - window.torrentSocket.emit('statistic', (statistic) => { + this.newStatisticFunc = (statistic) => { this.stats = statistic; this.forceUpdate(); - }); - window.torrentSocket.on('newStatistic', (statistic) => { - this.stats = statistic; - this.forceUpdate(); - }); + }; + window.torrentSocket.emit('statistic', this.newStatisticFunc); + window.torrentSocket.on('newStatistic', this.newStatisticFunc); + } + componentWillUnmount() + { + if(this.newStatisticFunc) + window.torrentSocket.off('newStatistic', this.newStatisticFunc); } render() { const style = {