autonomic-cooperative/hometown
0
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Infinite scroll for timeline columns

Browse Source
This commit is contained in:
Eugen Rochko
2016-09-22 01:08:35 +02:00
parent 74dfefabd3
commit 2c0261ac25
5 changed files with 86 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
app/assets/javascripts/components/components/status_list.jsx
View File

@ -8,14 +8,23 @@ const StatusList = React.createClass({
statuses: ImmutablePropTypes.list.isRequired,
onReply: React.PropTypes.func,
onReblog: React.PropTypes.func,
onFavourite: React.PropTypes.func
onFavourite: React.PropTypes.func,
onScrollToBottom: React.PropTypes.func
},
mixins: [PureRenderMixin],
handleScroll (e) {
const { scrollTop, scrollHeight, clientHeight } = e.target;
if (scrollTop === scrollHeight - clientHeight) {
this.props.onScrollToBottom();
}
},
render () {
return (
<div style={{ overflowY: 'scroll', flex: '1 1 auto' }} className='scrollable'>
<div style={{ overflowY: 'scroll', flex: '1 1 auto' }} className='scrollable' onScroll={this.handleScroll}>
<div>
{this.props.statuses.map((status) => {
return <Status key={status.get('id')} status={status} onReply={this.props.onReply} onReblog={this.props.onReblog} onFavourite={this.props.onFavourite} />;