fix(Facet): avoid to unmount the RefinementList when no results from …

…SFFV (#11)
algolia · Jul 11, 2018 · 2dde181 · 2dde181
1 parent 75b8f24
commit 2dde181
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 5 deletions.
diff --git a/demos/react/ecommerce/src/App.css b/demos/react/ecommerce/src/App.css
@@ -256,7 +256,8 @@ a {
   margin-bottom: 16px;
 }
 
-.ais-RefinementList-item {
+.ais-RefinementList-item,
+.ais-RefinementList-noResults {
   padding: 8px 16px;
 }
 

diff --git a/demos/react/ecommerce/src/Facet.js b/demos/react/ecommerce/src/Facet.js
@@ -1,9 +1,9 @@
 import React from "react";
-import { RefinementList } from "react-instantsearch-dom";
-import { connectRefinementList } from "react-instantsearch/connectors";
+import { RefinementList, connectRefinementList } from "react-instantsearch-dom";
+
 export default connectRefinementList(
-  ({ translations, searchable, attribute, items }) =>
-    items.length && items.length > 0 ? (
+  ({ translations, searchable, attribute, items, isFromSearch }) =>
+    isFromSearch || (items.length && items.length > 0) ? (
       <RefinementList
         attribute={attribute}
         searchable={searchable}