Torrent Viewer UI bugfixes

ImmutableComponent -> React.Component

Fix NaNs remaining bug

js/webtorrent/components/torrentFileList.js

@@ -1,16 +1,15 @@
 const prettierBytes = require('prettier-bytes')
-
-const ImmutableComponent = require('../../components/immutableComponent')
+const React = require('react')
 const SortableTable = require('../../components/sortableTable')
 
-class TorrentFileList extends ImmutableComponent {
+class TorrentFileList extends React.Component {
   constructor () {
     super()
     this.onClick = this.onClick.bind(this)
   }
 
   onClick (file) {
-    window.location = this.props.torrentID + '&ix=' + file.offset
+    window.location = this.props.torrentID + '&ix=' + this.props.files.indexOf(file)
   }
 
   render () {

js/webtorrent/components/torrentStats.js

@@ -1,8 +1,7 @@
 const prettierBytes = require('prettier-bytes')
+const React = require('react')
 
-const ImmutableComponent = require('../../components/immutableComponent')
-
-class TorrentStats extends ImmutableComponent {
+class TorrentStats extends React.Component {
   render () {
     const torrent = this.props.torrent
     const errorMessage = this.props.errorMessage
@@ -51,6 +50,9 @@ class TorrentStats extends ImmutableComponent {
     }
 
     function renderEta () {
+      if (torrent.timeRemaining === Infinity) return // Zero download speed
+      if (torrent.downloaded === torrent.length) return // Already done
+
       const rawEta = torrent.timeRemaining / 1000
       const hours = Math.floor(rawEta / 3600) % 24
       const minutes = Math.floor(rawEta / 60) % 60

js/webtorrent/entry.js

@@ -112,8 +112,8 @@ class TorrentViewer extends React.Component {
 
     let fileContent
     if (state.torrent && ix) {
-      fileContent = state.server != null
-        ? <iframe src={state.server + '/' + ix} sandbox='allow-same-origin' />
+      fileContent = state.torrent.serverURL != null
+        ? <iframe src={state.torrent.serverURL + '/' + ix} sandbox='allow-same-origin' />
         : <div>Loading...</div>
     }