diff options
| author | Paul Frazee <pfrazee@gmail.com> | 2022-11-16 13:05:36 -0600 |
|---|---|---|
| committer | Paul Frazee <pfrazee@gmail.com> | 2022-11-16 13:05:36 -0600 |
| commit | 17825cd611c3bbc47fe55b5e7dfe1a39fdca2274 (patch) | |
| tree | d60bfbc55eee788316b991728683557303a9b8f8 /src/view/com/posts/Feed.tsx | |
| parent | e003f2e3cbbdfe2f8b709c1a7f1dbbcfb5e7e5f0 (diff) | |
| download | voidsky-17825cd611c3bbc47fe55b5e7dfe1a39fdca2274.tar.zst | |
Add placeholder loading states
Diffstat (limited to 'src/view/com/posts/Feed.tsx')
| -rw-r--r-- | src/view/com/posts/Feed.tsx | 5 |
1 files changed, 3 insertions, 2 deletions
diff --git a/src/view/com/posts/Feed.tsx b/src/view/com/posts/Feed.tsx index c2aabd7b7..7d8c1b4c3 100644 --- a/src/view/com/posts/Feed.tsx +++ b/src/view/com/posts/Feed.tsx @@ -1,6 +1,7 @@ import React, {MutableRefObject} from 'react' import {observer} from 'mobx-react-lite' -import {Text, View, FlatList, StyleProp, ViewStyle} from 'react-native' +import {View, FlatList, StyleProp, ViewStyle} from 'react-native' +import {PostFeedLoadingPlaceholder} from '../util/LoadingPlaceholder' import {EmptyState} from '../util/EmptyState' import {ErrorMessage} from '../util/ErrorMessage' import {FeedModel, FeedItemModel} from '../../../state/models/feed-view' @@ -31,7 +32,7 @@ export const Feed = observer(function Feed({ return ( <View style={style}> {feed.isLoading && !feed.isRefreshing && !feed.hasContent && ( - <Text>Loading...</Text> + <PostFeedLoadingPlaceholder /> )} {feed.hasError && ( <ErrorMessage |