zoriya/flood
1
0
Fork 0
mirror of https://github.com/zoriya/flood.git synced 2025-12-20 14:15:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

Insert state into strategic components rather than entire app

Browse Source
This commit is contained in:
John Furrow
2015-11-08 21:34:05 -08:00
parent cf11f386d8
commit 535652d074
12 changed files with 227 additions and 126 deletions
Download Patch File Download Diff File Expand all files Collapse all files

94
client/source/scripts/containers/App.js
View File

@@ -2,7 +2,6 @@ import { connect } from 'react-redux';
import React from 'react';
import ActionBar from '../containers/ActionBar';
import { fetchTorrents, fetchTransferData } from '../actions/ClientActions';
import Modals from '../components/modals/Modals';
import Sidebar from './Sidebar';
import rootSelector from '../selectors/rootSelector';
@@ -10,13 +9,13 @@ import TorrentList from '../containers/TorrentList';
import TorrentListHeader from '../components/torrent-list/TorrentListHeader';
const methodsToBind = [
'componentWillMount',
'componentWillUnmount',
'getTransferData',
'getTorrents'
// 'componentWillMount',
// 'componentWillUnmount',
// 'getTransferData',
// 'getTorrents'
];
class FloodApp extends React.Component {
export default class FloodApp extends React.Component {
constructor() {
super();
@@ -31,54 +30,59 @@ class FloodApp extends React.Component {
this[method] = this[method].bind(this);
});
}
componentWillMount() {
let getTorrents = this.getTorrents;
let getTransferData = this.getTransferData;
this.state.torrentFetchInterval = setInterval(function() {
getTorrents();
}, 5000);
this.state.clientDataFetchInterval = setInterval(function() {
getTransferData();
}, 5000);
this.getTorrents();
this.getTransferData();
}
componentWillUnmount() {
clearInterval(this.state.torrentFetchInterval);
clearInterval(this.state.clientDataFetchInterval);
}
getTransferData() {
this.props.dispatch(fetchTransferData());
}
getTorrents() {
this.props.dispatch(fetchTorrents());
}
//
// componentWillMount() {
// let getTorrents = this.getTorrents;
// let getTransferData = this.getTransferData;
//
// this.state.torrentFetchInterval = setInterval(function() {
// getTorrents();
// }, 5000);
//
// this.state.clientDataFetchInterval = setInterval(function() {
// getTransferData();
// }, 5000);
//
// this.getTorrents();
// this.getTransferData();
// }
//
// componentWillUnmount() {
// clearInterval(this.state.torrentFetchInterval);
// clearInterval(this.state.clientDataFetchInterval);
// }
render() {
return (
<div className="flood">
<Sidebar dispatch={this.props.dispatch}
filterBy={this.props.ui.torrentList.filterBy}
transferData={this.props.client.transfers}/>
<Sidebar />
<main className="content">
<ActionBar dispatch={this.props.dispatch} uiStore={this.props.ui} />
<TorrentList dispatch={this.props.dispatch}
selectedTorrents={this.props.ui.torrentList.selected}
torrents={this.props.torrents}
isFetching={this.props.ui.fetchingData} />
<ActionBar />
<TorrentList />
</main>
<Modals dispatch={this.props.dispatch} type={this.props.ui.modal} />
<Modals />
</div>
);
}
// render() {
// return (
// <div className="flood">
// <Sidebar dispatch={this.props.dispatch}
// filterBy={this.props.ui.torrentList.filterBy}
// transferData={this.props.client.transfers}/>
// <main className="content">
// <ActionBar dispatch={this.props.dispatch} uiStore={this.props.ui} />
// <TorrentList dispatch={this.props.dispatch}
// selectedTorrents={this.props.ui.torrentList.selected}
// torrents={this.props.torrents}
// isFetching={this.props.ui.fetchingData} />
// </main>
// <Modals dispatch={this.props.dispatch} type={this.props.ui.modal} />
// </div>
// );
// }
}
export default connect(rootSelector)(FloodApp);
// export default connect(rootSelector)(FloodApp);