diff --git a/src/components/Search.js b/src/components/Search.js index aaa6a1e3..5a57da23 100644 --- a/src/components/Search.js +++ b/src/components/Search.js @@ -30,6 +30,8 @@ export function Search(props) { ]; const sorts = defaultSort.concat(config.sorts); + const hasRefinements = Boolean(config.refinements.length); + React.useEffect(() => { if (filtersAnchor.current && props.isFiltering) { filtersAnchor.current.scrollTop = 0; @@ -65,46 +67,56 @@ export function Search(props) {
-
props.setIsFiltering(false)} - /> -
-
-
-
- Filters - +
+ {isMobile && } + +
+
- - - - {isMobile && } - + { + props.setIsFiltering(false); + }} + /> + { + props.setIsFiltering(false); + }} + /> +
+
- -
-
+ + )}
@@ -139,11 +151,13 @@ export function Search(props) {
- { - props.setIsFiltering(true); - }} - /> + {hasRefinements && ( + { + props.setIsFiltering(true); + }} + /> + )}