From 23e370a10be82558948300d2bac4fa10cd53c389 Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Thu, 30 Jul 2020 00:38:40 -0500
Subject: [PATCH] Bookmarks: don't update constantly, fixes #263

---
 app/soapbox/features/bookmarks/index.js | 15 +++++----------
 1 file changed, 5 insertions(+), 10 deletions(-)

diff --git a/app/soapbox/features/bookmarks/index.js b/app/soapbox/features/bookmarks/index.js
index 60ef2e0c5..2d1054913 100644
--- a/app/soapbox/features/bookmarks/index.js
+++ b/app/soapbox/features/bookmarks/index.js
@@ -6,7 +6,8 @@ import Column from '../ui/components/column';
 import { defineMessages, injectIntl, FormattedMessage } from 'react-intl';
 import ImmutablePureComponent from 'react-immutable-pure-component';
 import StatusList from '../../components/status_list';
-import { fetchBookmarkedStatuses } from '../../actions/bookmarks';
+import { fetchBookmarkedStatuses, expandBookmarkedStatuses } from '../../actions/bookmarks';
+import { debounce } from 'lodash';
 
 const messages = defineMessages({
   heading: { id: 'column.bookmarks', defaultMessage: 'Bookmarks' },
@@ -42,15 +43,9 @@ class Bookmarks extends ImmutablePureComponent {
     dispatch(fetchBookmarkedStatuses());
   }
 
-  componentDidUpdate(prevProps) {
-    const { dispatch } = this.props;
-    dispatch(fetchBookmarkedStatuses());
-  }
-
-  handleLoadMore = maxId => {
-    const { dispatch } = this.props;
-    dispatch(fetchBookmarkedStatuses({ maxId }));
-  }
+  handleLoadMore = debounce(() => {
+    this.props.dispatch(expandBookmarkedStatuses());
+  }, 300, { leading: true })
 
 
   render() {