From 8ccbcd03e55aa3b904684e9929ce360766b5bb33 Mon Sep 17 00:00:00 2001
From: Xavier Carpentier <xcapetir@gmail.com>
Date: Thu, 25 Jan 2018 15:11:11 +0100
Subject: [PATCH] feat(chat): maxToRenderPerBatch

---
 src/Constant.js                                   | 1 +
 src/MessageContainer.js                           | 7 ++++---
 src/__tests__/__snapshots__/Constant.test.js.snap | 1 +
 3 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/Constant.js b/src/Constant.js
index 2c01f0b..b99d1ad 100644
--- a/src/Constant.js
+++ b/src/Constant.js
@@ -8,3 +8,4 @@ export const MAX_COMPOSER_HEIGHT = 200;
 export const DEFAULT_PLACEHOLDER = 'Type a message...';
 export const DATE_FORMAT = 'll';
 export const TIME_FORMAT = 'LT';
+export const MAX_RENDER_ITEM = 10;
diff --git a/src/MessageContainer.js b/src/MessageContainer.js
index 9fa4c61..863b50a 100644
--- a/src/MessageContainer.js
+++ b/src/MessageContainer.js
@@ -15,6 +15,7 @@ import sum from 'hash-sum';
 
 import LoadEarlier from './LoadEarlier';
 import Message from './Message';
+import { MAX_RENDER_ITEM } from './Constant';
 
 export default class MessageContainer extends React.PureComponent {
 
@@ -103,9 +104,9 @@ export default class MessageContainer extends React.PureComponent {
           keyExtractor={(item) => item._id}
           enableEmptySections
           automaticallyAdjustContentInsets={false}
-          initialNumToRender={10}
-          maxToRenderPerBatch={10}
-          windowSize={10}
+          initialNumToRender={MAX_RENDER_ITEM}
+          maxToRenderPerBatch={MAX_RENDER_ITEM}
+          windowSize={MAX_RENDER_ITEM}
           removeClippedSubviews
           inverted={this.props.inverted}
           {...this.props.listViewProps}
diff --git a/src/__tests__/__snapshots__/Constant.test.js.snap b/src/__tests__/__snapshots__/Constant.test.js.snap
index c21ea36..e917b58 100644
--- a/src/__tests__/__snapshots__/Constant.test.js.snap
+++ b/src/__tests__/__snapshots__/Constant.test.js.snap
@@ -5,6 +5,7 @@ Object {
   "DATE_FORMAT": "ll",
   "DEFAULT_PLACEHOLDER": "Type a message...",
   "MAX_COMPOSER_HEIGHT": 200,
+  "MAX_RENDER_ITEM": 10,
   "MIN_COMPOSER_HEIGHT": 33,
   "TIME_FORMAT": "LT",
 }