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, name?: string, - duration?: string, + duration?: string | Array, 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) => ( 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.