Merge pull request #36 from agentlab/issue-35-cards=horizontal-scroll…

…er-window-size GH-35 Windows size problem in Cards Horizontal Scroller
agentlab · Oct 4, 2021 · d76d30c · d76d30c
2 parents 2e9949e + 79c0db0
commit d76d30c
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/data-controls/HorizontalScroll/HorizontalScroll.tsx b/src/data-controls/HorizontalScroll/HorizontalScroll.tsx
@@ -59,9 +59,9 @@ export const HorizontalScrollRenderer: React.FC<any> = (props) => {
 
   const onUpdate = ({ isLastItemVisible }: scrollVisibilityApiType) => {
     if (isLastItemVisible) {
-      const newDataSource = dataSource.concat(getData());
+      //const newDataSource = dataSource.concat(getData());
       console.log('push new items');
-      setDataSource(newDataSource);
+      //setDataSource(newDataSource);
     }
   };
 
@@ -84,7 +84,7 @@ export const HorizontalScrollRenderer: React.FC<any> = (props) => {
             key={data['@id']}
             itemId={data['@id']}
             onClick={handleItemClick(data['@id'])}
-            style={viewKindElement.options.style}>
+            style={viewKindElement.options.templateStyle}>
             {createCell(data, idx)}
           </Card>
         ))}

diff --git a/stories/CardsHorizontalScroller.stories.tsx b/stories/CardsHorizontalScroller.stories.tsx
@@ -63,7 +63,7 @@ const viewKinds = [
             resultsScope: 'mktp:ProductCards_in_Product_Coll',
             options: {
               renderType: 'horizontalScroll',
-              style: {
+              templateStyle: {
                 width: '260px',
               },
               elementTemplate: [