zio/bsky-app
2
0
Fork 0
Code Pull requests Releases Packages Activity

Add placeholder loading states

Browse source
This commit is contained in:
Paul Frazee 2022-11-16 13:05:36 -06:00
parent e003f2e3cb
commit 17825cd611
5 changed files with 128 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

5
src/view/com/posts/Feed.tsx
View file

@ -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