feat(IndexStories): add story for SortBy nested in Index

algolia · Dec 1, 2017 · 663504d · 663504d
1 parent 028d485
commit 663504d
Showing 1 changed file with 42 additions and 0 deletions.
diff --git a/stories/MultiIndex.stories.js b/stories/MultiIndex.stories.js
@@ -7,6 +7,7 @@ import {
   Index,
   Highlight,
   SearchBox,
+  SortBy,
 } from '../packages/react-instantsearch/dom';
 import {
   connectHits,
@@ -62,6 +63,47 @@ stories
       <AutoComplete />
     </InstantSearch>
   ))
+  .add('with SortBy nested in same Index as Root', () => (
+    <InstantSearch
+      appId="latency"
+      apiKey="6be0576ff61c053d5f9a3225e2a90f76"
+      indexName="categories"
+    >
+      <SearchBox />
+
+      <div className="multi-index_content">
+        <div className="multi-index_categories-or-brands">
+          <Index indexName="categories">
+            <Configure hitsPerPage={3} />
+
+            <SortBy
+              defaultRefinement="categories"
+              items={[
+                { value: 'categories', label: 'Categories' },
+                { value: 'bestbuy', label: 'Best buy' },
+              ]}
+            />
+
+            <CustomCategoriesOrBrands />
+          </Index>
+
+          <Index indexName="products">
+            <Configure hitsPerPage={3} />
+
+            <SortBy
+              defaultRefinement="products"
+              items={[
+                { value: 'products', label: 'Products' },
+                { value: 'brands', label: 'Brands' },
+              ]}
+            />
+
+            <CustomCategoriesOrBrands />
+          </Index>
+        </div>
+      </div>
+    </InstantSearch>
+  ))
   .add('with conditional rendering', () => (
     <InstantSearch
       appId="latency"