Updated HomePage sidebar panels to lazy load

• Updated:
- HomePage sidebar panels (WhoToFollowPanel, ListsPanel, GroupsPanel) to lazy load on scroll of 25px. Otherwise, dont load.
- WhoToFollowPanel, ListsPanel, GroupsPanel have functionality to load data once

• Added:
- List component has showLoading prop

• Removed:
- Unused IntersectionObserver code in HomePage
This commit is contained in:
mgabdev
2020-06-05 15:28:46 -04:00
parent f75570752c
commit 35c5608e1a
5 changed files with 114 additions and 42 deletions

View File

@@ -21,6 +21,7 @@ export default class List extends ImmutablePureComponent {
]),
onLoadMore: PropTypes.func,
hasMore: PropTypes.bool,
showLoading: PropTypes.bool,
}
render() {
@@ -30,7 +31,8 @@ export default class List extends ImmutablePureComponent {
emptyMessage,
hasMore,
size,
onLoadMore
onLoadMore,
showLoading,
} = this.props
const Wrapper = !!scrollKey ? ScrollableList : Dummy
@@ -42,6 +44,7 @@ export default class List extends ImmutablePureComponent {
hasMore={hasMore}
scrollKey={scrollKey}
emptyMessage={emptyMessage}
showLoading={showLoading}
>
{
items.map((item, i) => (