Merge pull request #156 from vtex-apps/fix/add-query-to-links

Add query string _q to autocomplete links
vtex-apps · Dec 13, 2021 · 4021d6e · 4021d6e
2 parents 47c2890 + 17b31aa
commit 4021d6e
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 2 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -7,6 +7,9 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.
 
 ## [Unreleased]
 
+### Added
+- `_q` query string to Autocomplete links.
+
 ## [2.8.6] - 2021-12-08
 ### Fixed
 - Safely decoding URI components to prevent errors when the search query contains breaking characters such as "%"

diff --git a/react/components/Autocomplete/components/ItemList/ItemList.tsx b/react/components/Autocomplete/components/ItemList/ItemList.tsx
@@ -83,7 +83,7 @@ export class ItemList extends React.Component<ItemListProps> {
                   params={{
                     term: item.value,
                   }}
-                  query="map=ft"
+                  query={`map=ft&_q=${item.value}`}
                   onClick={() => this.props.onItemClick(item.value, index)}
                   className={stylesCss.itemListLink}
                 >

diff --git a/react/components/Autocomplete/components/TileList/TileList.tsx b/react/components/Autocomplete/components/TileList/TileList.tsx
@@ -101,7 +101,7 @@ const TileList: FC<TileListProps> = ({
           <footer className={styles.tileListFooter}>
             {totalProducts > 0 ? (
               <Link
-                query="map=ft"
+                query={`map=ft&_q=${term}`}
                 params={{
                   term,
                 }}