From 5e1ba4aaf5ec4cc83beb2fe25e34504c1d79be2b Mon Sep 17 00:00:00 2001
From: jessop <jessop@lbry.com>
Date: Sat, 29 Feb 2020 12:24:13 -0500
Subject: [PATCH] claim search options tweaks add image, bodel, binary fix
 duration reset/disable

---
 static/app-strings.json                 | 18 ++++++-
 ui/component/claimListDiscover/view.jsx | 72 +++++++++++++------------
 ui/constants/claim_search.js            |  5 +-
 3 files changed, 58 insertions(+), 37 deletions(-)

diff --git a/static/app-strings.json b/static/app-strings.json
index 385ff366a..3c100116e 100644
--- a/static/app-strings.json
+++ b/static/app-strings.json
@@ -989,6 +989,20 @@
   "Share usage data with LBRY inc.": "Share usage data with LBRY inc.",
   "Required": "Required",
   "Email %help_link% or join our %chat_link% if you encounter any trouble verifying.": "Email %help_link% or join our %chat_link% if you encounter any trouble verifying.",
-  "Show reposts": "Show reposts",
-  "Show reposts from the creators you follow.": "Show reposts from the creators you follow."
+  "Only apply a few tags that are relevant to your content, and use the Mature tag as appropriate. Tag abuse will not be tolerated.": "Only apply a few tags that are relevant to your content, and use the Mature tag as appropriate. Tag abuse will not be tolerated.",
+  "Add relevant tags...": "Add relevant tags...",
+  "try again in a few seconds.": "try again in a few seconds.",
+  "Any": "Any",
+  "Video": "Video",
+  "Document": "Document",
+  "Duration": "Duration",
+  "Long": "Long",
+  "Short": "Short",
+  "How Fresh": "How Fresh",
+  "This Default": "This Default",
+  "Sorry, your request returned no results or timed out. Modify your options or %again%": "Sorry, your request returned no results or timed out. Modify your options or %again%",
+  "Image": "Image",
+  "Model": "Model",
+  "Binary": "Binary",
+  "Other": "Other"
 }
diff --git a/ui/component/claimListDiscover/view.jsx b/ui/component/claimListDiscover/view.jsx
index cfdd66985..f58335bcc 100644
--- a/ui/component/claimListDiscover/view.jsx
+++ b/ui/component/claimListDiscover/view.jsx
@@ -236,7 +236,7 @@ function ClaimListDiscover(props: Props) {
             ),
           }}
         >
-          Sorry, your request timed out. Modify your options or %again%
+          Sorry, your request returned no results or timed out. Modify your options or %again%
         </I18nMessage>
       </p>
       <p>
@@ -412,6 +412,9 @@ function ClaimListDiscover(props: Props) {
                           {type === CS.CLAIM_REPOST && __('Repost')}
                           {type === CS.FILE_VIDEO && __('Video')}
                           {type === CS.FILE_AUDIO && __('Audio')}
+                          {type === CS.FILE_IMAGE && __('Image')}
+                          {type === CS.FILE_MODEL && __('Model')}
+                          {type === CS.FILE_BINARY && __('Other')}
                           {type === CS.FILE_DOCUMENT && __('Document')}
                           {type === CS.CONTENT_ALL && __('Any')}
                         </option>
@@ -420,39 +423,40 @@ function ClaimListDiscover(props: Props) {
                   })}
                 </FormField>
               </div>
-              {options.claim_type !== CS.CLAIM_CHANNEL &&
-                options.claim_type !== CS.CLAIM_REPOST &&
-                JSON.stringify(options.stream_types) !== JSON.stringify([CS.FILE_DOCUMENT]) && (
-                  <>
-                    {/* DURATIONS FIELD */}
-                    <div className={'claim-search__input-container'}>
-                      <FormField
-                        className={classnames('claim-search__dropdown', {
-                          'claim-search__dropdown--selected': durationParam,
-                        })}
-                        label={__('Duration')}
-                        type="select"
-                        name="duration"
-                        value={durationParam || CS.DURATION_ALL}
-                        onChange={e =>
-                          handleChange({
-                            key: CS.DURATION_KEY,
-                            value: e.target.value,
-                          })
-                        }
-                      >
-                        {CS.DURATION_TYPES.map(dur => (
-                          <option key={dur} value={dur}>
-                            {/* i18fixme */}
-                            {dur === CS.DURATION_SHORT && __('Short')}
-                            {dur === CS.DURATION_LONG && __('Long')}
-                            {dur === CS.DURATION_ALL && __('Any')}
-                          </option>
-                        ))}
-                      </FormField>
-                    </div>
-                  </>
-                )}
+              {/* DURATIONS FIELD */}
+              <div className={'claim-search__input-container'}>
+                <FormField
+                  className={classnames('claim-search__dropdown', {
+                    'claim-search__dropdown--selected': durationParam,
+                  })}
+                  label={__('Duration')}
+                  type="select"
+                  name="duration"
+                  disabled={
+                    !(
+                      contentTypeParam === null ||
+                      streamTypeParam === CS.FILE_AUDIO ||
+                      streamTypeParam === CS.FILE_VIDEO
+                    )
+                  }
+                  value={durationParam || CS.DURATION_ALL}
+                  onChange={e =>
+                    handleChange({
+                      key: CS.DURATION_KEY,
+                      value: e.target.value,
+                    })
+                  }
+                >
+                  {CS.DURATION_TYPES.map(dur => (
+                    <option key={dur} value={dur}>
+                      {/* i18fixme */}
+                      {dur === CS.DURATION_SHORT && __('Short')}
+                      {dur === CS.DURATION_LONG && __('Long')}
+                      {dur === CS.DURATION_ALL && __('Any')}
+                    </option>
+                  ))}
+                </FormField>
+              </div>
             </div>
           </>
         )}
diff --git a/ui/constants/claim_search.js b/ui/constants/claim_search.js
index a421ff677..2def986f8 100644
--- a/ui/constants/claim_search.js
+++ b/ui/constants/claim_search.js
@@ -30,7 +30,10 @@ export const DURATION_TYPES = [DURATION_ALL, DURATION_LONG, DURATION_SHORT];
 export const FILE_VIDEO = 'video';
 export const FILE_AUDIO = 'audio';
 export const FILE_DOCUMENT = 'document';
-export const FILE_TYPES = [FILE_VIDEO, FILE_AUDIO, FILE_DOCUMENT];
+export const FILE_BINARY = 'binary';
+export const FILE_IMAGE = 'image';
+export const FILE_MODEL = 'model';
+export const FILE_TYPES = [FILE_VIDEO, FILE_AUDIO, FILE_DOCUMENT, FILE_IMAGE, FILE_MODEL, FILE_BINARY];
 
 export const CLAIM_CHANNEL = 'channel';
 export const CLAIM_STREAM = 'stream';