kalugin66/webtorrent-desktop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add empty list state

Browse Source
This commit is contained in:
Nate Goldman
2016-03-07 15:28:19 -08:00
parent aa3e12dadd
commit 96fa5747a7
2 changed files with 24 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
renderer/index.css
View File

@@ -253,7 +253,20 @@ body.drag::before {
*/ */
.torrent-list { .torrent-list {
margin-top: 37px; padding-top: 37px;
}
.get-started {
opacity: .5;
padding: 24px;
margin: 6px;
text-align: center;
border: 5px #444 dashed;
flex: 1 1 auto;
}
.lead {
font-size: 150%;
} }
.torrent { .torrent {

10
renderer/views/torrent-list.js
View File

@@ -8,9 +8,19 @@ var prettyBytes = require('pretty-bytes')
function TorrentList (state, dispatch) { function TorrentList (state, dispatch) {
var list = state.client.torrents.map((torrent) => renderTorrent(torrent, dispatch)) var list = state.client.torrents.map((torrent) => renderTorrent(torrent, dispatch))
if (list.length === 0) list = emptyList()
return hx`<div class='torrent-list'>${list}</div>` return hx`<div class='torrent-list'>${list}</div>`
} }
function emptyList () {
return hx`
<div class="get-started">
<p>No torrents here yet.</p>
<p>Drop a file or paste an address to get started!</p>
</div>
`
}
// Renders a torrent in the torrent list // Renders a torrent in the torrent list
// Includes name, download status, play button, background image // Includes name, download status, play button, background image
// May be expanded for additional info, including the list of files inside // May be expanded for additional info, including the list of files inside