diff --git a/src/renderer/pages/app.js b/src/renderer/pages/app.js index d892d898..eb972643 100644 --- a/src/renderer/pages/app.js +++ b/src/renderer/pages/app.js @@ -27,8 +27,8 @@ const fontFamily = process.platform === 'win32' : 'BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif' lightBaseTheme.fontFamily = fontFamily darkBaseTheme.fontFamily = fontFamily -darkBaseTheme.palette.primary1Color = colors.cyan500 -darkBaseTheme.palette.primary2Color = colors.cyan500 +darkBaseTheme.palette.primary1Color = '#ffffff' +darkBaseTheme.palette.primary2Color = '#ffffff' darkBaseTheme.palette.primary3Color = colors.grey600 darkBaseTheme.palette.accent1Color = colors.redA200 darkBaseTheme.palette.accent2Color = colors.redA400 diff --git a/src/renderer/pages/torrent-list-page.js b/src/renderer/pages/torrent-list-page.js index c7e38013..2cb86ea4 100644 --- a/src/renderer/pages/torrent-list-page.js +++ b/src/renderer/pages/torrent-list-page.js @@ -1,5 +1,6 @@ const React = require('react') const prettyBytes = require('prettier-bytes') +const Checkbox = require('material-ui/Checkbox').default const TorrentSummary = require('../lib/torrent-summary') const TorrentPlayer = require('../lib/torrent-player') @@ -168,6 +169,7 @@ module.exports = class TorrentList extends React.Component { // Play button starts streaming the torrent immediately, unpausing if needed renderTorrentButtons (torrentSummary) { const infoHash = torrentSummary.infoHash + const isActive = ['downloading', 'seeding'].includes(torrentSummary.status) let playIcon, playTooltip, playClass if (torrentSummary.playStatus === 'timeout') { @@ -178,29 +180,18 @@ module.exports = class TorrentList extends React.Component { playTooltip = 'Start streaming' } - let downloadIcon, downloadTooltip - if (torrentSummary.status === 'seeding') { - downloadIcon = 'file_upload' - downloadTooltip = 'Seeding. Click to stop.' - } else if (torrentSummary.status === 'downloading') { - downloadIcon = 'file_download' - downloadTooltip = 'Torrenting. Click to stop.' - } else { - downloadIcon = 'file_download' - downloadTooltip = 'Click to start torrenting.' - } + let downloadTooltip = uppercase(torrentSummary.status) // Only show the play/dowload buttons for torrents that contain playable media - let playButton, downloadButton, positionElem + let playButton, downloadCheckbox, positionElem if (!torrentSummary.error) { - downloadButton = ( - - {downloadIcon} - + className={'download ' + torrentSummary.status} + label={downloadTooltip} + checked={isActive} + onCheck={dispatcher('toggleTorrent', infoHash)} /> ) // Do we have a saved position? Show it using a radial progress bar on top @@ -219,7 +210,7 @@ module.exports = class TorrentList extends React.Component { {playIcon} @@ -228,10 +219,8 @@ module.exports = class TorrentList extends React.Component { } return ( -