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

3
src/view/screens/Profile.tsx
View file

@ -12,6 +12,7 @@ import {ConfirmModel} from '../../state/models/shell-ui'
import {ProfileHeader} from '../com/profile/ProfileHeader'
import {FeedItem} from '../com/posts/FeedItem'
import {ProfileCard} from '../com/profile/ProfileCard'
import {PostFeedLoadingPlaceholder} from '../com/util/LoadingPlaceholder'
import {ErrorScreen} from '../com/util/ErrorScreen'
import {ErrorMessage} from '../com/util/ErrorMessage'
import {EmptyState} from '../com/util/EmptyState'
@ -106,7 +107,7 @@ export const Profile = observer(({visible, params}: ScreenParams) => {
if (uiState) {
if (uiState.isInitialLoading) {
items.push(LOADING_ITEM)
renderItem = () => <Text style={styles.loading}>Loading...</Text>
renderItem = () => <PostFeedLoadingPlaceholder />
} else if (uiState.currentView.hasError) {
items.push({
_reactKey: '__error__',