fix(Search): fixed mobile keyboard not closing when a search suggestion is selected (#339)

* fixed mobile keyboard not closing when a search suggestion is selected

* Restyled by prettier (#340)

Co-authored-by: Restyled.io <[email protected]>

* debug date reset, sorry for hijacking the PR

* handle fetch error

* use request mode no-cors for now

* handle 404 as error

* loggggg

* try logging headers

* try logging headers

* remove logging

* Restyled by prettier (#345)

Co-authored-by: Restyled.io <[email protected]>

Co-authored-by: restyled-io[bot] <32688539+restyled-io[bot]@users.noreply.github.com>
Co-authored-by: Restyled.io <[email protected]>
Co-authored-by: Sebastian Herrlinger <[email protected]>

Author: 4 people

src/components/Search.tsx

@@ -104,9 +104,10 @@ export const Search = ({ className = "" }: { className?: string }) => {
     id: "autocomplete",
     options: possibilities.results.map((result) => result.name),
     getOptionLabel: (option) => option,
-    onChange: (evt, value) => {
+    onChange: (event, value) => {
       dispatch(switchViewToPlace(value));
     },
+    blurOnSelect: true,
   });
 
   const handleSearch = (event) => {

src/state/thunks/fetchMappedSet.ts

@@ -16,11 +16,23 @@ const fetchAndTransform = async (
   transform?: Function,
 ) => {
   let dataUrl = url;
+  let res;
+
   if (typeof dataUrl === "function") {
     dataUrl = dataUrl(formattedDate, date);
   }
 
-  const res = await fetch(dataUrl as string);
+  try {
+    res = await fetch(dataUrl as string, {
+      mode: "no-cors",
+    });
+  } catch (err) {
+    return null;
+  }
+
+  if (res.status === 404) {
+    return undefined;
+  }
 
   if (res.status === 200) {
     let json = await res.json();
@@ -32,10 +44,6 @@ const fetchAndTransform = async (
     return json;
   }
 
-  if (res.status === 404) {
-    return undefined;
-  }
-
   return null;
 };