Fix suggestion list when suggestions are empty

ISI-MIP · Jan 4, 2024 · 4218eef · 4218eef
1 parent fb035d3
commit 4218eef
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/isimip_data/search/assets/js/components/Suggestions.js b/isimip_data/search/assets/js/components/Suggestions.js
@@ -19,16 +19,20 @@ class Suggestions extends Component {
 
   render() {
     const { count, suggestions, onClick } = this.props
+    const suggestionsList = suggestions === null ? [] :suggestions.reduce((cur, agg) => {
+      if (cur.length > 0) agg.push(cur)
+      return agg
+    }, [])
 
     return (count == 0) && (
       <div className="card suggestions">
         <div className="card-body">
           <strong>No results found</strong>
           {
-            suggestions && <>
+            suggestionsList.length > 0 && <>
               <span className="ml-2">Maybe you misspelled your query. Did you mean:</span>
               {
-                suggestions.map((suggestion, index) => (
+                suggestionsList.map((suggestion, index) => (
                   <button key={index} className="btn btn-link ml-2" onClick={() => onClick(suggestion)}>
                     {suggestion}
                   </button>