diff --git a/src/data-controls/HorizontalScroll/HorizontalScroll.tsx b/src/data-controls/HorizontalScroll/HorizontalScroll.tsx index 98598dc..22c3fcc 100644 --- a/src/data-controls/HorizontalScroll/HorizontalScroll.tsx +++ b/src/data-controls/HorizontalScroll/HorizontalScroll.tsx @@ -59,9 +59,9 @@ export const HorizontalScrollRenderer: React.FC = (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 = (props) => { key={data['@id']} itemId={data['@id']} onClick={handleItemClick(data['@id'])} - style={viewKindElement.options.style}> + style={viewKindElement.options.templateStyle}> {createCell(data, idx)} ))} diff --git a/stories/CardsHorizontalScroller.stories.tsx b/stories/CardsHorizontalScroller.stories.tsx index 484617a..b1bc37b 100644 --- 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: [