fix(feed): fix p2p load error

src/app/feed-page.js

@@ -0,0 +1,96 @@
+import React from 'react';
+import Page from './page';
+
+import SearchResults from './search-results'
+import Search from './search'
+import SelectField from 'material-ui/SelectField';
+import MenuItem from 'material-ui/MenuItem';
+import Feed from './feed';
+
+export default class FeedPage extends Page {
+  constructor(props) {
+    super(props)
+    this.setTitle('Rats On The Boat - Content Search Engine');
+  }
+  componentDidMount()
+  {
+    Search.instance().onSearchUpdate = () => this.forceUpdate()
+  }
+  componentWillUnmount()
+  {
+    Search.instance().onSearchUpdate = () => {}
+  }
+  render() {
+    const orderText = (text, field) => {
+      if(field !== Search.instance().state.orderBy)
+        return text;
+
+      if(Search.instance().state.orderDesc)
+        return text + ' ⇩'
+      else
+        return text + ' ⇧'
+    }
+
+    return (
+      <div id='index-window' className='column center'>
+      <div className='torrents-container'>
+      <SearchResults 
+          torrentsSearchResults={Search.instance().searchTorrents} 
+          filesSearchResults={Search.instance().searchFiles}
+          currentSearching={Search.instance().state.searchingIndicator}
+          searchText={Search.instance().currentSearch}
+          resultSelector={
+            <SelectField
+            floatingLabelText={__("Sort by")}
+            floatingLabelFixed={true}
+            value={Search.instance().state.orderBy}
+            onChange={(event, index, value) => {
+              event.preventDefault(); // fix overclick on torrent
+              if(value === 'none') {
+                Search.instance().setState({orderBy: null}, () => {
+                  Search.instance().search(true)
+                })
+                return;
+              }
+
+              if(value === Search.instance().state.orderBy)
+              {
+                Search.instance().setState({orderDesc: !Search.instance().state.orderDesc}, () => {
+                  Search.instance().search(true)
+                })
+                return;
+              }
+
+              Search.instance().setState({
+                orderBy: value, 
+                orderDesc: (value === 'seeders' || value === 'completed' || value === 'added') ? true : Search.instance().state.orderDesc
+              }, () => {
+                Search.instance().search(true)
+              })
+            }}
+          >
+              <MenuItem value='none' primaryText={__('None')} />
+              <MenuItem value='seeders' primaryText={orderText(__('Seeders'), 'seeders')} />
+              <MenuItem value='name' primaryText={orderText(__('Name'), 'name')} />
+              <MenuItem value='files' primaryText={orderText(__('Files'), 'files')} />
+              <MenuItem value='size' primaryText={orderText(__('Size'), 'size')} />
+              <MenuItem value='added' primaryText={orderText(__('Added date'), 'added')} />
+              <MenuItem value='completed' primaryText={orderText(__('Completed'), 'completed')} />
+            </SelectField>
+          }
+
+          moreTorrentsEnabled={Search.instance().moreSearchTorrents && !Search.instance().state.searchingIndicator}
+          moreFilesEnabled={Search.instance().moreSearchFiles && !Search.instance().state.searchingIndicator}
+          onMoreTorrents={() => Search.instance().moreTorrents()}
+          onMoreFiles={() => Search.instance().moreFiles()}
+          moreTorrentsIndicator={Search.instance().state.moreTorrentsIndicator}
+          moreFilesIndicator={Search.instance().state.moreFilesIndicator}
+        />
+        </div>
+      	<div className='column center w100p pad0-75'>
+          <Feed />
+        </div>
+      </div>
+    );
+  }
+}