docs(stories): real dynamic widgets example

7Mat7 · Aug 4, 2021 · 585e38f · 585e38f
1 parent 598a27b
commit 585e38f
Showing 1 changed file with 8 additions and 10 deletions.
diff --git a/stories/dynamic-widgets.stories.ts b/stories/dynamic-widgets.stories.ts
@@ -4,18 +4,16 @@ import { withHits } from '../.storybook/decorators';
 storiesOf('Basics/DynamicWidgets', module).add(
   'default',
   withHits(({ search, container: rootContainer, instantsearch }) => {
+    const dynamicWidgetsContainer = document.createElement('div');
+    const disclaimer = document.createTextNode(
+      'try the queries: "dog" or "lego"'
+    );
+    rootContainer.appendChild(disclaimer);
+    rootContainer.appendChild(dynamicWidgetsContainer);
+
     search.addWidgets([
       instantsearch.widgets.EXPERIMENTAL_dynamicWidgets({
-        transformItems(_attributes, { results }) {
-          if (results._state.query === 'dog') {
-            return ['categories'];
-          }
-          if (results._state.query === 'lego') {
-            return ['categories', 'brand'];
-          }
-          return ['brand', 'hierarchicalCategories.lvl0', 'categories'];
-        },
-        container: rootContainer,
+        container: dynamicWidgetsContainer,
         widgets: [
           container =>
             instantsearch.widgets.menu({ container, attribute: 'categories' }),