From bf6f05cbb750e8bf132963564013df52fba05eb1 Mon Sep 17 00:00:00 2001
From: Jesse Chan <jc@linux.com>
Date: Sat, 5 Sep 2020 20:10:43 +0800
Subject: [PATCH] sidebar: add "Seeding" filter view

Bug: #19
---
 .../src/javascript/components/icons/UploadSmall.js | 14 ++++++++++++++
 .../javascript/components/sidebar/StatusFilters.js |  8 ++++++++
 client/src/javascript/i18n/compiled/strings.json   |  6 ++++++
 client/src/javascript/i18n/strings.json            |  1 +
 4 files changed, 29 insertions(+)
 create mode 100644 client/src/javascript/components/icons/UploadSmall.js

diff --git a/client/src/javascript/components/icons/UploadSmall.js b/client/src/javascript/components/icons/UploadSmall.js
new file mode 100644
index 00000000..ae2f8b39
--- /dev/null
+++ b/client/src/javascript/components/icons/UploadSmall.js
@@ -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>
+    );
+  }
+}
diff --git a/client/src/javascript/components/sidebar/StatusFilters.js b/client/src/javascript/components/sidebar/StatusFilters.js
index 6a033c40..d5725721 100644
--- a/client/src/javascript/components/sidebar/StatusFilters.js
+++ b/client/src/javascript/components/sidebar/StatusFilters.js
@@ -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',
diff --git a/client/src/javascript/i18n/compiled/strings.json b/client/src/javascript/i18n/compiled/strings.json
index 1a95938a..d7ddba40 100644
--- a/client/src/javascript/i18n/compiled/strings.json
+++ b/client/src/javascript/i18n/compiled/strings.json
@@ -877,6 +877,12 @@
       "value": "Inactive"
     }
   ],
+  "filter.status.seeding": [
+    {
+      "type": 0,
+      "value": "Seeding"
+    }
+  ],
   "filter.status.stopped": [
     {
       "type": 0,
diff --git a/client/src/javascript/i18n/strings.json b/client/src/javascript/i18n/strings.json
index 5cc68ae9..00185a72 100644
--- a/client/src/javascript/i18n/strings.json
+++ b/client/src/javascript/i18n/strings.json
@@ -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",