diff --git a/src/pages/home/report/ReportActionsList.js b/src/pages/home/report/ReportActionsList.js index 2648769e0a57..4af69adc6672 100644 --- a/src/pages/home/report/ReportActionsList.js +++ b/src/pages/home/report/ReportActionsList.js @@ -56,6 +56,9 @@ const propTypes = { /** Callback executed on scroll */ onScroll: PropTypes.func.isRequired, + /** Function to load more chats */ + loadMoreChats: PropTypes.func.isRequired, + ...withDrawerPropTypes, ...windowDimensionsPropTypes, }; @@ -165,7 +168,7 @@ class ReportActionsList extends React.Component { keyExtractor={this.keyExtractor} initialRowHeight={32} initialNumToRender={this.calculateInitialNumToRender()} - onEndReached={this.loadMoreChats} + onEndReached={this.props.loadMoreChats} onEndReachedThreshold={0.75} ListFooterComponent={this.props.isLoadingReportActions ? diff --git a/src/pages/home/report/ReportActionsView.js b/src/pages/home/report/ReportActionsView.js index 877868f0cd82..ef0520b143f9 100755 --- a/src/pages/home/report/ReportActionsView.js +++ b/src/pages/home/report/ReportActionsView.js @@ -110,6 +110,7 @@ class ReportActionsView extends React.Component { this.toggleFloatingMessageCounter = this.toggleFloatingMessageCounter.bind(this); this.updateNewMarkerPosition = this.updateNewMarkerPosition.bind(this); this.updateMessageCounterCount = this.updateMessageCounterCount.bind(this); + this.loadMoreChats = this.loadMoreChats.bind(this); this.recordTimeToMeasureItemLayout = this.recordTimeToMeasureItemLayout.bind(this); this.scrollToBottomAndUpdateLastRead = this.scrollToBottomAndUpdateLastRead.bind(this); this.updateNewMarkerAndMarkReadOnce = _.once(this.updateNewMarkerAndMarkRead.bind(this)); @@ -417,6 +418,7 @@ class ReportActionsView extends React.Component { sortedReportActions={this.sortedReportActions} mostRecentIOUReportSequenceNumber={this.mostRecentIOUReportSequenceNumber} isLoadingReportActions={this.props.isLoadingReportActions} + loadMoreChats={this.loadMoreChats} />