From 58172bb0177a3d019bb5678501c75dca06c530b0 Mon Sep 17 00:00:00 2001
From: Sherange Fonseka <sherangef@gmail.com>
Date: Sat, 2 Mar 2024 00:00:36 +0530
Subject: [PATCH] hide search suggestions on input value (#187)

---
 .../components/Searchbar/SearchResults.js     | 67 ++++++++++++-------
 1 file changed, 43 insertions(+), 24 deletions(-)

diff --git a/packages/web-shared/components/Searchbar/SearchResults.js b/packages/web-shared/components/Searchbar/SearchResults.js
index 0f2c5d5d..b2ff779e 100644
--- a/packages/web-shared/components/Searchbar/SearchResults.js
+++ b/packages/web-shared/components/Searchbar/SearchResults.js
@@ -213,38 +213,57 @@ const SearchResults = ({ autocompleteState, autocomplete }) => {
                   </Box>
                 )}
                 <ul className="aa-List" {...autocomplete.getListProps()}>
-                  {items.map((item, index) => (
-                    <li
-                      key={`${item.objectID ? item.objectID : index}-${collection.source.sourceId}`}
-                      className="aa-Item"
-                      {...autocomplete.getItemProps({
-                        item,
-                        source,
-                      })}
-                    >
-                      {collection.source.sourceId === 'querySuggestionsPlugin' && (
-                        <QuerySuggestionItem
-                          item={item}
-                          autocomplete={autocomplete}
-                          handleActionPress={handleActionPress}
+                  {items.map((item, index) => {
+                    if (
+                      collection.source.sourceId === 'querySuggestionsPlugin' &&
+                      !inputProps.value
+                    ) {
+                      return (
+                        <li
+                          key={`${item.objectID ? item.objectID : index}-${
+                            collection.source.sourceId
+                          }`}
+                          className="aa-Item"
                           {...autocomplete.getItemProps({
                             item,
                             source,
                           })}
-                        />
-                      )}
-                      {collection.source.sourceId === 'recentSearchesPlugin' && (
-                        <PastQueryItem
-                          item={item}
-                          autocomplete={autocomplete}
+                        >
+                          <QuerySuggestionItem
+                            item={item}
+                            autocomplete={autocomplete}
+                            handleActionPress={handleActionPress}
+                            {...autocomplete.getItemProps({
+                              item,
+                              source,
+                            })}
+                          />
+                        </li>
+                      );
+                    } else if (collection.source.sourceId === 'recentSearchesPlugin') {
+                      return (
+                        <li
+                          key={`${item.objectID ? item.objectID : index}-${
+                            collection.source.sourceId
+                          }`}
+                          className="aa-Item"
                           {...autocomplete.getItemProps({
                             item,
                             source,
                           })}
-                        />
-                      )}
-                    </li>
-                  ))}
+                        >
+                          <PastQueryItem
+                            item={item}
+                            autocomplete={autocomplete}
+                            {...autocomplete.getItemProps({
+                              item,
+                              source,
+                            })}
+                          />
+                        </li>
+                      );
+                    }
+                  })}
                 </ul>
               </div>
             );