feat: change url useFetchSuggestions

src/FormComponent.tsx

@@ -97,7 +97,6 @@ export const FormComponent: FC<IProps> = ({
       queryParams: providersValue
         ? `product-types?provider=${providersValue}`
         : 'product-types',
-
       onSuccess: (products: IProduct[]) => {
         const productTypeList: IOptionTypeBase[] = map(products, product => ({
           value: product.ID,
@@ -209,7 +208,7 @@ export const FormComponent: FC<IProps> = ({
                 placeholder="S2_..."
                 value={value}
                 loadSuggestions={(inputValue: string) =>
-                  loadProductTypesSuggestions(inputValue)
+                  loadProductTypesSuggestions(providersValue, inputValue)
                 }
                 handleChange={(e: IOptionTypeBase | null) => {
                   onChange(e?.value);

src/hooks/useFetchSuggestions.ts

@@ -6,15 +6,21 @@ import { IOptionTypeBase } from './../FormComponent';
 import { EODAG_SERVER_ADRESS } from './../config';
 
 const useFetchSuggestions = () => {
-  const guessProductTypes = async (inputValue: string) => {
+  const guessProductTypes = async (
+    providerValue: string,
+    inputValue: string
+  ) => {
     const _serverSettings = ServerConnection.makeSettings();
     const _eodag_server = URLExt.join(
       _serverSettings.baseUrl,
       `${EODAG_SERVER_ADRESS}`
     );
 
     return fetch(
-      URLExt.join(_eodag_server, `guess-product-type?keywords=${inputValue}`),
+      URLExt.join(
+        _eodag_server,
+        `guess-product-type?provider=${providerValue}&keywords=${inputValue}`
+      ),
       {
         credentials: 'same-origin'
       }
@@ -39,10 +45,17 @@ const useFetchSuggestions = () => {
       });
   };
 
-  const loadSuggestions = (inputValue: string) =>
-    new Promise<IOptionTypeBase[]>(resolve => {
-      resolve(guessProductTypes(inputValue));
-    });
+  // const loadSuggestions = (providerValue: string, inputValue: string) =>
+  //   new Promise<IOptionTypeBase[]>(resolve => {
+  //     resolve(guessProductTypes(providerValue, inputValue));
+  //   });
+
+  const loadSuggestions = async (
+    providerValue: string,
+    inputValue: string
+  ): Promise<IOptionTypeBase[]> => {
+    return await guessProductTypes(providerValue, inputValue);
+  };
   return loadSuggestions;
 };