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/notifications/Feed.tsx
View file

@ -1,11 +1,12 @@
import React from 'react'
import {observer} from 'mobx-react-lite'
import {Text, View, FlatList} from 'react-native'
import {View, FlatList} from 'react-native'
import {
NotificationsViewModel,
NotificationsViewItemModel,
} from '../../../state/models/notifications-view'
import {FeedItem} from './FeedItem'
import {NotificationFeedLoadingPlaceholder} from '../util/LoadingPlaceholder'
import {ErrorMessage} from '../util/ErrorMessage'
import {EmptyState} from '../util/EmptyState'
@ -32,7 +33,7 @@ export const Feed = observer(function Feed({
return (
<View style={{flex: 1}}>
{view.isLoading && !view.isRefreshing && !view.hasContent && (
<Text>Loading...</Text>
<NotificationFeedLoadingPlaceholder />
)}
{view.hasError && (
<ErrorMessage