sidebar: add "Seeding" filter view

Bug: #19
This commit is contained in:
Jesse Chan
2020-09-05 20:10:43 +08:00
parent 3bfd369f03
commit bf6f05cbb7
4 changed files with 29 additions and 0 deletions
@@ -0,0 +1,14 @@
import React from 'react';
import BaseIcon from './BaseIcon';
export default class UploadSmall extends BaseIcon {
render() {
return (
<svg className={`icon icon--upload-small ${this.props.className}`} viewBox={this.getViewBox()}>
<path d="m15.6 18.9h8.9v15.6h11v-15.6h8.9l-14.4-14.4z" />
<path d="m55.9 39.1-8.8-6.4h-5.4l9.4 7.8h-9.8c-0.3 0-0.5 0.2-0.7 0.4l-2.3 6.7h-16.6l-2.3-6.7c-0.1-0.2-0.4-0.4-0.7-0.4h-9.8l9.4-7.8h-5.4l-8.8 6.4c-1.3 0.9-2.1 2.8-1.7 4.4l1.6 9.2c0.4 1.5 1.9 2.8 3.5 2.8h45.2c1.6 0 3.1-1.3 3.5-2.8l1.6-9.2c0.2-1.6-0.6-3.5-1.9-4.4z" />
</svg>
);
}
}
@@ -14,6 +14,7 @@ import StopIcon from '../icons/StopIcon';
import SpinnerIcon from '../icons/SpinnerIcon';
import TorrentFilterStore from '../../stores/TorrentFilterStore';
import UIActions from '../../actions/UIActions';
import UploadSmall from '../icons/UploadSmall';
class StatusFilters extends React.Component {
handleClick(filter) {
@@ -36,6 +37,13 @@ class StatusFilters extends React.Component {
slug: 'downloading',
icon: <DownloadSmall />,
},
{
label: this.props.intl.formatMessage({
id: 'filter.status.seeding',
}),
slug: 'seeding',
icon: <UploadSmall />,
},
{
label: this.props.intl.formatMessage({
id: 'filter.status.checking',
@@ -877,6 +877,12 @@
"value": "Inactive"
}
],
"filter.status.seeding": [
{
"type": 0,
"value": "Seeding"
}
],
"filter.status.stopped": [
{
"type": 0,
+1
View File
@@ -92,6 +92,7 @@
"filter.all": "All",
"filter.status.title": "Filter by Status",
"filter.status.downloading": "Downloading",
"filter.status.seeding": "Seeding",
"filter.status.completed": "Complete",
"filter.status.active": "Active",
"filter.status.inactive": "Inactive",