From 2ddf0a2cbda8e98e4b12e9b4874af5af65ea993a Mon Sep 17 00:00:00 2001
From: zeppi <jessopb@gmail.com>
Date: Mon, 7 Mar 2022 15:19:10 -0500
Subject: [PATCH] add medium duration video filter

---
 static/app-strings.json                 | 2 ++
 ui/component/claimListDiscover/view.jsx | 4 +++-
 ui/component/claimListHeader/view.jsx   | 3 ++-
 ui/constants/claim_search.js            | 3 ++-
 4 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/static/app-strings.json b/static/app-strings.json
index 0b8dc8edd..c01f3601c 100644
--- a/static/app-strings.json
+++ b/static/app-strings.json
@@ -2291,5 +2291,7 @@
   "Choose View Hosting Limit": "Choose View Hosting Limit",
   "View Hosting Limit (GB)": "View Hosting Limit (GB)",
   "%free% of %total% available": "%free% of %total% available",
+  "Short (< 4 min)": "Short (< 4 min)",
+  "Medium (4 - 20 min)": "Medium (4 - 20 min)",
   "--end--": "--end--"
 }
diff --git a/ui/component/claimListDiscover/view.jsx b/ui/component/claimListDiscover/view.jsx
index c457b55a5..f15a20483 100644
--- a/ui/component/claimListDiscover/view.jsx
+++ b/ui/component/claimListDiscover/view.jsx
@@ -253,7 +253,7 @@ function ClaimListDiscover(props: Props) {
     release_time?: string,
     claim_type?: string | Array<string>,
     name?: string,
-    duration?: string,
+    duration?: string | Array<string>,
     reposted_claim_id?: string,
     stream_types?: any,
     fee_amount?: string,
@@ -345,6 +345,8 @@ function ClaimListDiscover(props: Props) {
       options.duration = '<=240';
     } else if (durationParam === CS.DURATION_LONG) {
       options.duration = '>=1200';
+    } else if (durationParam === CS.DURATION_MEDIUM) {
+      options.duration = ['<=1200', '>=240'];
     }
   }
 
diff --git a/ui/component/claimListHeader/view.jsx b/ui/component/claimListHeader/view.jsx
index 498d0fda6..474f22ac7 100644
--- a/ui/component/claimListHeader/view.jsx
+++ b/ui/component/claimListHeader/view.jsx
@@ -424,7 +424,8 @@ function ClaimListHeader(props: Props) {
                     {CS.DURATION_TYPES.map((dur) => (
                       <option key={dur} value={dur}>
                         {/* i18fixme */}
-                        {dur === CS.DURATION_SHORT && __('Short (< 4 minutes)')}
+                        {dur === CS.DURATION_SHORT && __('Short (< 4 min)')}
+                        {dur === CS.DURATION_MEDIUM && __('Medium (4 - 20 min)')}
                         {dur === CS.DURATION_LONG && __('Long (> 20 min)')}
                         {dur === CS.DURATION_ALL && __('Any')}
                       </option>
diff --git a/ui/constants/claim_search.js b/ui/constants/claim_search.js
index c02d5c234..8b821bb14 100644
--- a/ui/constants/claim_search.js
+++ b/ui/constants/claim_search.js
@@ -36,9 +36,10 @@ export const ORDER_BY_NEW_VALUE = ['release_time'];
 export const ORDER_BY_TYPES = [ORDER_BY_TRENDING, ORDER_BY_NEW, ORDER_BY_TOP];
 
 export const DURATION_SHORT = 'short';
+export const DURATION_MEDIUM = 'medium';
 export const DURATION_LONG = 'long';
 export const DURATION_ALL = 'all';
-export const DURATION_TYPES = [DURATION_ALL, DURATION_SHORT, DURATION_LONG];
+export const DURATION_TYPES = [DURATION_ALL, DURATION_SHORT, DURATION_MEDIUM, DURATION_LONG];
 
 export const SORT_BY = {
   // key: Enumeration; can be anything as long as unique. Also used as URLParam.