fix(Search): fixed mobile keyboard not closing when a search suggesti…

…on 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]>
CovOpen · Nov 3, 2020 · 1ca6ee2 · 1ca6ee2
1 parent ffc84fd
commit 1ca6ee2
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 6 deletions.
diff --git a/src/components/Search.tsx b/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) => {

diff --git a/src/state/thunks/fetchMappedSet.ts b/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;
 };