From b5e89948441eb245a873260a87bfb49fb334aee1 Mon Sep 17 00:00:00 2001
From: Nolan Lawson <nolan@nolanlawson.com>
Date: Mon, 29 May 2017 08:52:45 -0700
Subject: [PATCH] Prevent wasted render in load_more.js (#3402)

---
 .../mastodon/components/load_more.js          | 24 ++++++++++++-------
 1 file changed, 15 insertions(+), 9 deletions(-)

diff --git a/app/javascript/mastodon/components/load_more.js b/app/javascript/mastodon/components/load_more.js
index 22d9e91c3..fa0caaae9 100644
--- a/app/javascript/mastodon/components/load_more.js
+++ b/app/javascript/mastodon/components/load_more.js
@@ -2,14 +2,20 @@ import React from 'react';
 import { FormattedMessage } from 'react-intl';
 import PropTypes from 'prop-types';
 
-const LoadMore = ({ onClick }) => (
-  <button className='load-more' onClick={onClick}>
-    <FormattedMessage id='status.load_more' defaultMessage='Load more' />
-  </button>
-);
-
-LoadMore.propTypes = {
-  onClick: PropTypes.func,
-};
+class LoadMore extends React.PureComponent {
+
+  static propTypes = {
+    onClick: PropTypes.func,
+  }
+
+  render() {
+    return (
+      <button className='load-more' onClick={this.props.onClick}>
+        <FormattedMessage id='status.load_more' defaultMessage='Load more' />
+      </button>
+    );
+  }
+
+}
 
 export default LoadMore;