diff --git a/client/source/sass/components/_torrents.scss b/client/source/sass/components/_torrents.scss index 58de40ae..94241b37 100644 --- a/client/source/sass/components/_torrents.scss +++ b/client/source/sass/components/_torrents.scss @@ -1,5 +1,6 @@ $torrent-list--background: #fff; $torrent-list--border: rgba($background, 0.15); +$torrent-list--offset: 10px; $torrent--primary--foreground: #5b6d7c; $torrent--primary--foreground--error: #e95779; @@ -14,6 +15,7 @@ $torrent--tertiary--foreground: #8899a8; $torrent--tertiary--foreground--stopped: rgba(#8899a8, 0.5); $torrent--tertiary--foreground--selected: rgba(#fff, 0.9); $torrent--tertiary--foreground--selected--stopped: rgba(#fff, 0.5); +$torrent--notification--foreground: $torrent--tertiary--foreground--stopped; $torrent--background--hover: #f6f8fa; $torrent--background--selected: $blue; @@ -34,7 +36,7 @@ $more-info--border: $textbox-repeater--button--border; box-shadow: -1px 0 0 0 $torrent-list--border; content: ''; height: auto; - left: 10px; + left: $torrent-list--offset; position: absolute; right: 0; top: 0; @@ -46,6 +48,22 @@ $more-info--border: $textbox-repeater--button--border; top: 50%; transform: translate(-50%, -50%); } + + &__notification { + color: $torrent--notification--foreground; + text-align: center; + + &__wrapper { + justify-content: center; + align-items: center; + bottom: 0; + display: flex; + left: $torrent-list--offset; + position: absolute; + right: 0; + top: 0; + } + } } .torrent { diff --git a/client/source/scripts/actions/TorrentActions.js b/client/source/scripts/actions/TorrentActions.js index 2757d415..cd577201 100644 --- a/client/source/scripts/actions/TorrentActions.js +++ b/client/source/scripts/actions/TorrentActions.js @@ -93,7 +93,7 @@ const TorrentActions = { }); }) .catch((error) => { - console.log(error); + console.trace(error); AppDispatcher.dispatchServerAction({ type: ActionTypes.CLIENT_FETCH_TORRENTS_ERROR, data: { diff --git a/client/source/scripts/components/sidebar/TrackerFilters.js b/client/source/scripts/components/sidebar/TrackerFilters.js index 3dae3430..c5e57428 100644 --- a/client/source/scripts/components/sidebar/TrackerFilters.js +++ b/client/source/scripts/components/sidebar/TrackerFilters.js @@ -114,6 +114,10 @@ export default class TrackerFilters extends React.Component { render() { let filters = this.getFilters(); + if (filters.length === 0) { + return null; + } + return (