fix(downloading): always show downloading on list even if download not started

src/app/download-page.js

@@ -45,8 +45,9 @@ export default class TopPage extends Page {
   				}} />
   				<List style={{paddingBottom: '70px', minWidth: '60%'}} className='animated recent-torrents'>
   					{
-  						this.downloads.map((download, index) => {
-  							return <TorrentLine key={index} torrent={download.torrentObject} download={download} />
+  						this.downloads.map((torrentDownload, index) => {
+  							const {torrentObject: torrent, ...download} = torrentDownload
+  							return <TorrentLine key={index} torrent={torrent} download={download} />
   						})
   					}
   				</List>

src/app/torrent.js

@@ -171,6 +171,7 @@ export default class Torrent extends Component {
   		this.state.downloadProgress = {
   			progress, downloaded, downloadSpeed
   		}
+  		this.state.downloading = true
   	}
   }
   componentDidMount()

src/background/api.js

@@ -585,11 +585,14 @@ module.exports = async ({
 			return
 		}
 
-		torrentClient.add(magnet, {path: config.client.downloadPath}, (torrent) =>{
+		const torrent = torrentClient.add(magnet, {path: config.client.downloadPath})
 		torrentClientHashMap[torrent.infoHash] = magnet
 		torrent.torrentObject = torrentObject
+
+		torrent.on('torrent', () => {
 			console.log('start downloading', torrent.infoHash)
 			send('downloading', torrent.infoHash)
+		})
 
 		torrent.on('done', () => { 
 			console.log('download done', torrent.infoHash)
@@ -611,7 +614,6 @@ module.exports = async ({
 				timeRemaining: torrent.timeRemaining
 			})
 		})
-		})
 	});
 
 	recive('downloadCancel', (hash, callback) =>