Rearrange app directory structure

client/source/scripts/containers/App.js

@@ -0,0 +1,82 @@
+import { connect } from 'react-redux';
+import React from 'react';
+
+import ActionBar from '../containers/ActionBar';
+import { fetchTorrents, fetchTransferData } from '../actions/ClientActions';
+import Sidebar from './Sidebar';
+import rootSelector from '../selectors/rootSelector';
+import TorrentList from '../containers/TorrentList';
+import TorrentListHeader from '../components/torrent-list/TorrentListHeader';
+
+const methodsToBind = [
+  'componentWillMount',
+  'componentWillUnmount',
+  'getTransferData',
+  'getTorrents'
+];
+
+class FloodApp extends React.Component {
+
+  constructor() {
+    super();
+
+    this.state = {
+      clientDataFetchInterval: null,
+      count: 0,
+      torrentFetchInterval: null
+    };
+
+    methodsToBind.forEach((method) => {
+      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());
+  }
+
+  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>
+      </div>
+    );
+  }
+
+}
+
+export default connect(rootSelector)(FloodApp);