sfc-utils 1.4.72 → 1.4.74

package/components/geocoder.mjs

@@ -67,7 +67,7 @@ const Geocoder = ({
     // POST as form url encoded data
     let formData = new FormData();
     formData.append("query", query);
-    if(filterRegion != "United States"){
+    if (filterRegion != "United States") {
       formData.append("region", filterRegion);
     }
     // Remove any existing event listeners
@@ -109,6 +109,12 @@ const Geocoder = ({
         // Handle result
         if (output.data.length === 0) {
           // We could show something saying "No results" ... or we could not
+          if (output.fallback) {
+            // If we're using the fallback, we need to encourage the user to enter city
+            setLocData([
+              { name: "No results, make sure to include city name" },
+            ]);
+          }
         } else {
           // Create a keydown event listener
           setSingletonEventListener("keydown", function resultsKeyHandler(e) {
@@ -181,10 +187,13 @@ const Geocoder = ({
 
   // If the parent component passes in a string for inputValueOverride, use it
   useEffect(() => {
-    if (typeof inputValueOverride === 'string' || inputValueOverride instanceof String) {
-      setInputValue(inputValueOverride)
+    if (
+      typeof inputValueOverride === "string" ||
+      inputValueOverride instanceof String
+    ) {
+      setInputValue(inputValueOverride);
     }
-  }, [inputValueOverride])
+  }, [inputValueOverride]);
 
   return (
     <div className={geocoderStyles.wrapper}>
@@ -212,6 +221,11 @@ const Geocoder = ({
                 className={thisClass}
                 key={i}
                 onClick={() => {
+                  if (
+                    locData[i].name.toLowerCase().indexOf("no results") > -1
+                  ) {
+                    return false;
+                  }
                   setInputValue(locData[i].name);
                   // Call function if it exists
                   if (resultFunc) {
@@ -227,11 +241,13 @@ const Geocoder = ({
                   }}
                 >
                   <div className={geocoderStyles.name}>{loc.name}</div>
-                  <div className={geocoderStyles.details}>
-                    {loc.locality}
-                    {loc.locality && loc.region && ", "}
-                    {loc.region}
-                  </div>
+                  {(loc.locality || loc.region) && (
+                    <div className={geocoderStyles.details}>
+                      {loc.locality}
+                      {loc.locality && loc.region && ", "}
+                      {loc.region}
+                    </div>
+                  )}
                 </button>
               </li>
             );

package/nav2.js

@@ -1,13 +1,7 @@
 let { getBrands } = require("./brands");
 
 // Handle nav for various markets and include nav options for other links
-let getNav2 = function (
-  meta,
-  urlAdd,
-  forceColor,
-  navLink,
-  navArray
-) {
+let getNav2 = function (meta, urlAdd, forceColor, navLink, navArray) {
   // If we aren't passing meta in, we have to call getSettings here
   if (!meta) {
     let { getSettings } = require("./settings");
@@ -141,7 +135,7 @@ let getNav2 = function (
       >
         ${navLink.text}${dropdownIcon}
       </a>
-    `
+    `;
   }
 
   let rightBlock = `
@@ -149,7 +143,6 @@ let getNav2 = function (
       <div>Subscribe</div>
     </a>
   `;
-  
 
   let navHTML = `<nav class="nav2-container ${invertClass}">
     <div class="nav2-left">
@@ -166,12 +159,12 @@ let getNav2 = function (
           class="nav2-desk-logo"
           alt="Logo"
           src="https://files.sfchronicle.com/static-assets/logos/${marketPrefix}-${color}.png"
-        ></img>
+        />
         <img
           class="nav2-mobile-logo"
           alt="Logo"
           src="https://files.sfchronicle.com/static-assets/logos/${marketPrefix}-square-${color}.png"
-        ></img>
+        />
       </div>
     </a>
     </div>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sfc-utils",
-  "version": "1.4.72",
+  "version": "1.4.74",
   "author": "ewagstaff <evanjwagstaff@gmail.com>",
   "dependencies": {
     "archieml": "^0.4.2",
@@ -14,4 +14,4 @@
     "react-transition-group": "^4.4.5",
     "write": "^2.0.0"
   }
-}
+}