Added check for if no user, only load more twice

• Added:
- check for if no user, only load more twice on GroupCollectionTimeline, GroupTimeline

app/javascript/gabsocial/features/group_collection_timeline.js

@@ -92,6 +92,14 @@ class GroupCollectionTimeline extends React.PureComponent {
 			sortByValue,
 			sortByTopValue,
 		} = this.props
+		const { loadCount } = this.state
+
+		if (!!maxId && !me) {
+			this.setState({ loadCount: this.state.loadCount + 1 })
+			if (loadCount >= 2) return false
+		} else if (!maxId && loadCount !== 0) {
+			this.setState({ loadCount: 0 })
+		}
 
 		const sortBy = getSortBy(sortByValue, sortByTopValue)
 		const options = { sortBy, maxId }
@@ -105,6 +113,7 @@ class GroupCollectionTimeline extends React.PureComponent {
 			intl,
 			hasNoGroupMembers,
 		} = this.props
+		const { loadCount } = this.state
 
 		const emptyMessage = !!me && collectionType === 'member' && hasNoGroupMembers ? (
 			<div className={[_s.d, _s.w100PC]}>
@@ -115,13 +124,15 @@ class GroupCollectionTimeline extends React.PureComponent {
 			</div>
 		) : intl.formatMessage(messages.empty)
 
+		const canLoadMore = loadCount < 2 && !me || !!me
+
 		return (
 			<React.Fragment>
 				<GroupSortBlock collectionType={collectionType} />
 				<StatusList
 					scrollKey={`group-collection-timeline-${collectionType}`}
 					timelineId={`group_collection:${collectionType}`}
-					onLoadMore={this.handleLoadMore}
+					onLoadMore={canLoadMore ? this.handleLoadMore : undefined}
 					emptyMessage={emptyMessage}
 				/>
 			</React.Fragment>

app/javascript/gabsocial/features/group_timeline.js

@@ -81,6 +81,14 @@ class GroupTimeline extends ImmutablePureComponent {
 			sortByTopValue,
 			onlyMedia,
 		} = this.props
+		const { loadCount } = this.state
+
+		if (!!maxId && !me) {
+			this.setState({ loadCount: this.state.loadCount + 1 })
+			if (loadCount >= 2) return false
+		} else if (!maxId && loadCount !== 0) {
+			this.setState({ loadCount: 0 })
+		}
 		
 		const sortBy = getSortBy(sortByValue, sortByTopValue)
 		this.props.onExpandGroupTimeline(groupId, { sortBy, maxId, onlyMedia })
@@ -93,6 +101,7 @@ class GroupTimeline extends ImmutablePureComponent {
 			intl,
 			groupPinnedStatusIds,
 		} = this.props
+		const { loadCount } = this.state
 
 		if (typeof group === 'undefined') {
 			return <ColumnIndicator type='loading' />
@@ -100,14 +109,16 @@ class GroupTimeline extends ImmutablePureComponent {
 			return <ColumnIndicator type='missing' />
 		}
 
+		const canLoadMore = loadCount < 2 && !me || !!me
+
 		return (
 			<React.Fragment>
 				<GroupSortBlock />
 				<StatusList
 					scrollKey={`group-timeline-${groupId}`}
 					timelineId={`group:${groupId}`}
-					onLoadMore={this.handleLoadMore}
 					groupPinnedStatusIds={groupPinnedStatusIds}
+					onLoadMore={canLoadMore ? this.handleLoadMore : undefined}
 					emptyMessage={intl.formatMessage(messages.empty)}
 				/>
 			</React.Fragment>