Make item padding configurable. Fixes #2

onefinestay · Mar 1, 2015 · 5a2792b · 5a2792b
1 parent 74b3f81
commit 5a2792b
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 8 deletions.
diff --git a/dist/lazy-render.js b/dist/lazy-render.js
@@ -8,12 +8,14 @@ var cx = React.addons.classSet;
 var LazyRender = React.createClass({displayName: 'LazyRender',
   propTypes: {
     children: React.PropTypes.array.isRequired,
-    maxHeight: React.PropTypes.number.isRequired
+    maxHeight: React.PropTypes.number.isRequired,
+
+    itemPadding: React.PropTypes.number
   },
 
   getDefaultProps: function() {
     return {
-      padding: 3
+      itemPadding: 3
     };
   },
 
@@ -72,7 +74,7 @@ var LazyRender = React.createClass({displayName: 'LazyRender',
     var numberOfItems = Math.ceil(height / this.state.childHeight);
 
     if (height === this.props.maxHeight) {
-      numberOfItems += this.props.padding;
+      numberOfItems += this.props.itemPadding;
     }
 
     this.setState({
@@ -96,7 +98,7 @@ var LazyRender = React.createClass({displayName: 'LazyRender',
     var numberOfItems = Math.ceil(height / childHeight);
 
     if (height === this.props.maxHeight) {
-      numberOfItems += this.props.padding;
+      numberOfItems += this.props.itemPadding;
     }
 
     this.setState({

diff --git a/src/lazy-render.jsx b/src/lazy-render.jsx
@@ -8,12 +8,14 @@ var cx = React.addons.classSet;
 var LazyRender = React.createClass({
   propTypes: {
     children: React.PropTypes.array.isRequired,
-    maxHeight: React.PropTypes.number.isRequired
+    maxHeight: React.PropTypes.number.isRequired,
+
+    itemPadding: React.PropTypes.number
   },
 
   getDefaultProps: function() {
     return {
-      padding: 3
+      itemPadding: 3
     };
   },
 
@@ -72,7 +74,7 @@ var LazyRender = React.createClass({
     var numberOfItems = Math.ceil(height / this.state.childHeight);
 
     if (height === this.props.maxHeight) {
-      numberOfItems += this.props.padding;
+      numberOfItems += this.props.itemPadding;
     }
 
     this.setState({
@@ -96,7 +98,7 @@ var LazyRender = React.createClass({
     var numberOfItems = Math.ceil(height / childHeight);
 
     if (height === this.props.maxHeight) {
-      numberOfItems += this.props.padding;
+      numberOfItems += this.props.itemPadding;
     }
 
     this.setState({