diff options
Diffstat (limited to 'src/view/com/posts/Feed.tsx')
-rw-r--r-- | src/view/com/posts/Feed.tsx | 17 |
1 files changed, 16 insertions, 1 deletions
diff --git a/src/view/com/posts/Feed.tsx b/src/view/com/posts/Feed.tsx index 9e261638b..59b529dc4 100644 --- a/src/view/com/posts/Feed.tsx +++ b/src/view/com/posts/Feed.tsx @@ -1,6 +1,12 @@ import React, {MutableRefObject} from 'react' import {observer} from 'mobx-react-lite' -import {View, FlatList, StyleProp, ViewStyle} from 'react-native' +import { + ActivityIndicator, + View, + FlatList, + StyleProp, + ViewStyle, +} from 'react-native' import {PostFeedLoadingPlaceholder} from '../util/LoadingPlaceholder' import {EmptyState} from '../util/EmptyState' import {ErrorMessage} from '../util/ErrorMessage' @@ -57,6 +63,14 @@ export const Feed = observer(function Feed({ data = [COMPOSE_PROMPT_ITEM].concat(feed.feed) } } + const FeedFooter = () => + feed.isLoading ? ( + <View style={{paddingTop: 20}}> + <ActivityIndicator /> + </View> + ) : ( + <View /> + ) return ( <View style={style}> {!data && <ComposePrompt onPressCompose={onPressCompose} />} @@ -75,6 +89,7 @@ export const Feed = observer(function Feed({ data={data} keyExtractor={item => item._reactKey} renderItem={renderItem} + ListFooterComponent={FeedFooter} refreshing={feed.isRefreshing} contentContainerStyle={{paddingBottom: 100}} onRefresh={onRefresh} |