From db888ccdd9593308a72d7fb7fa5900baab5fb83f Mon Sep 17 00:00:00 2001
From: Fabien Puech <fabienpuech1@gmail.com>
Date: Thu, 6 Oct 2022 15:44:08 +0200
Subject: [PATCH] feat: implements a way to disable cloud cover (#78)

---
 .pre-commit-config.yaml |  2 +-
 package.json            |  4 ++--
 src/CodeGenerator.ts    |  2 +-
 src/FormComponent.tsx   |  8 ++++++--
 src/SearchService.ts    |  2 +-
 src/browser.tsx         |  2 +-
 src/types.ts            |  1 +
 style/base.css          |  4 ++++
 yarn.lock               | 25 ++++++++++++++++++++++++-
 9 files changed, 41 insertions(+), 9 deletions(-)

diff --git a/.pre-commit-config.yaml b/.pre-commit-config.yaml
index 7e7689f..84d5d51 100644
--- a/.pre-commit-config.yaml
+++ b/.pre-commit-config.yaml
@@ -53,7 +53,7 @@ repos:
           - eslint-plugin-prettier@^4.2.1
 
   - repo: https://github.com/pre-commit/mirrors-prettier
-    rev: v3.0.0-alpha.0
+    rev: v2.7.1
     hooks:
       - id: prettier
 
diff --git a/package.json b/package.json
index 81645dc..60e18a6 100644
--- a/package.json
+++ b/package.json
@@ -63,8 +63,8 @@
     "react": "^17.0.2",
     "react-datepicker": "4.8.0",
     "react-dom": "^17.0.2",
-    "react-hook-form": "7.36.1",
-    "react-leaflet": "2.8.0",
+    "react-hook-form": "^7.36.1",
+    "react-leaflet": "~2.8.0",
     "react-leaflet-draw": "0.19.0",
     "react-modal": "3.15.1",
     "react-select": "5.4.0",
diff --git a/src/CodeGenerator.ts b/src/CodeGenerator.ts
index e346946..eded87f 100644
--- a/src/CodeGenerator.ts
+++ b/src/CodeGenerator.ts
@@ -48,7 +48,7 @@ dag = EODataAccessGateway()
     code += `  end="${end}",
 `;
   }
-  if (cloud !== undefined) {
+  if (cloud !== 100) {
     code += `  cloudCover=${cloud},
 `;
   }
diff --git a/src/FormComponent.tsx b/src/FormComponent.tsx
index 0408f3e..2d5a420 100644
--- a/src/FormComponent.tsx
+++ b/src/FormComponent.tsx
@@ -22,7 +22,7 @@ import Autocomplete from './Autocomplete';
 import { EODAG_SERVER_ADRESS } from './config';
 import SearchService from './SearchService';
 import { ChangeEvent } from 'react';
-//import { OptionTypeBase } from 'react-select';
+// import { OptionTypeBase } from 'react-select';
 import MapExtentComponent from './MapExtentComponent';
 import _ from 'lodash';
 import { IFormInput } from './types';
@@ -218,7 +218,11 @@ export const FormComponent: FC<IProps> = ({
             />
           </div>
         </fieldset>
-        <label className="jp-EodagWidget-input-name">
+        <label
+          className={`jp-EodagWidget-input-name ${
+            cloud === 100 ? 'jp-EodagWidget-input-name-line-through' : ''
+          } `}
+        >
           Max cloud cover {cloud}%
           <div className="jp-EodagWidget-slider">
             <Controller
diff --git a/src/SearchService.ts b/src/SearchService.ts
index 61786dd..91b3cae 100644
--- a/src/SearchService.ts
+++ b/src/SearchService.ts
@@ -39,7 +39,7 @@ class SearchService {
         ? formatDate(formValues.startDate)
         : undefined,
       dtend: formValues.endDate ? formatDate(formValues.endDate) : undefined,
-      cloudCover: formValues.cloud,
+      cloudCover: formValues.cloud < 100 ? formValues.cloud : undefined,
       page: page,
       geom: formValues.geometry
     };
diff --git a/src/browser.tsx b/src/browser.tsx
index 0e1206a..8a8ee1b 100644
--- a/src/browser.tsx
+++ b/src/browser.tsx
@@ -42,7 +42,7 @@ export class EodagBrowser extends React.Component<IProps, IState> {
       openDialog: true
     });
   };
-  handleRetrieveMoreFeature = () => {
+  handleRetrieveMoreFeature = async () => {
     const { features } = this.state;
     this.setState({
       searching: true
diff --git a/src/types.ts b/src/types.ts
index b9a715e..7345d92 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -9,6 +9,7 @@ export interface IFormInput {
   endDate: Date;
   productType: string;
   cloud: number;
+  disableCloud: boolean;
   additionnalParameters?: { name: string; value: string }[];
 }
 
diff --git a/style/base.css b/style/base.css
index 0210e95..d345b9a 100644
--- a/style/base.css
+++ b/style/base.css
@@ -391,3 +391,7 @@
 .jp-EodagWidget-product h4 {
   padding-left: 20px;
 }
+.jp-EodagWidget-input-name-line-through {
+  text-decoration: line-through;
+  color: #818181;
+}
diff --git a/yarn.lock b/yarn.lock
index 6619c2b..0323517 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -5111,11 +5111,18 @@ react-fast-compare@^3.0.1:
   resolved "https://registry.yarnpkg.com/react-fast-compare/-/react-fast-compare-3.2.0.tgz#641a9da81b6a6320f270e89724fb45a0b39e43bb"
   integrity sha512-rtGImPZ0YyLrscKI9xTpV8psd6I8VAtjKCzQDlzyDvqJA8XOW78TXYQwNRNd8g8JZnDu8q9Fu/1v4HPAVwVdHA==
 
-react-hook-form@7.36.1:
+react-hook-form@^7.36.1:
   version "7.36.1"
   resolved "https://registry.yarnpkg.com/react-hook-form/-/react-hook-form-7.36.1.tgz#82a311fe8cbe75e689fd4529f083b7c983da6520"
   integrity sha512-EbYYkCG2p8ywe7ikOH2l02lAFMrrrslZi1I8fqd8ifDGNAkhomHZQzQsP6ksvzrWBKntRe8b5L5L7Zsd+Gm02Q==
 
+react-input-autosize@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/react-input-autosize/-/react-input-autosize-3.0.0.tgz#6b5898c790d4478d69420b55441fcc31d5c50a85"
+  integrity sha512-nL9uS7jEs/zu8sqwFE5MAPx6pPkNAriACQ2rGLlqmKr2sPGtN7TXTyDdQt4lbNXVx7Uzadb40x8qotIuru6Rhg==
+  dependencies:
+    prop-types "^15.5.8"
+
 react-is@^16.13.1, react-is@^16.7.0, react-is@^16.9.0:
   version "16.13.1"
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.13.1.tgz#789729a4dc36de2999dc156dd6c1d9c18cea56a4"
@@ -5298,6 +5305,22 @@ registry-url@^5.0.0:
   dependencies:
     rc "^1.2.8"
 
+request-promise-core@1.1.4:
+  version "1.1.4"
+  resolved "https://registry.yarnpkg.com/request-promise-core/-/request-promise-core-1.1.4.tgz#3eedd4223208d419867b78ce815167d10593a22f"
+  integrity sha512-TTbAfBBRdWD7aNNOoVOBH4pN/KigV6LyapYNNlAPA8JwbovRti1E88m3sYAwsLi5ryhPKsE9APwnjFTgdUjTpw==
+  dependencies:
+    lodash "^4.17.19"
+
+request-promise-native@^1.0.7:
+  version "1.0.9"
+  resolved "https://registry.yarnpkg.com/request-promise-native/-/request-promise-native-1.0.9.tgz#e407120526a5efdc9a39b28a5679bf47b9d9dc28"
+  integrity sha512-wcW+sIUiWnKgNY0dqCpOZkUbF/I+YPi+f09JZIDa39Ec+q82CpSYniDp+ISgTTbKmnpJWASeJBPZmoxH84wt3g==
+  dependencies:
+    request-promise-core "1.1.4"
+    stealthy-require "^1.1.1"
+    tough-cookie "^2.3.3"
+
 request@2.88.0:
   version "2.88.0"
   resolved "https://registry.yarnpkg.com/request/-/request-2.88.0.tgz#9c2fca4f7d35b592efe57c7f0a55e81052124fef"