diff options
Diffstat (limited to 'src/view/com/notifications/Feed.tsx')
-rw-r--r-- | src/view/com/notifications/Feed.tsx | 16 |
1 files changed, 11 insertions, 5 deletions
diff --git a/src/view/com/notifications/Feed.tsx b/src/view/com/notifications/Feed.tsx index 5f9cb129d..55e958c2b 100644 --- a/src/view/com/notifications/Feed.tsx +++ b/src/view/com/notifications/Feed.tsx @@ -1,6 +1,7 @@ import React from 'react' import {observer} from 'mobx-react-lite' -import {FlatList, StyleSheet, View} from 'react-native' +import {StyleSheet, View} from 'react-native' +import {CenteredView, FlatList} from '../util/Views' import {NotificationsViewModel} from '../../../state/models/notifications-view' import {FeedItem} from './FeedItem' import {NotificationFeedLoadingPlaceholder} from '../util/LoadingPlaceholder' @@ -60,10 +61,15 @@ export const Feed = observer(function Feed({ } return ( <View style={s.h100pct}> - {view.isLoading && !data && <NotificationFeedLoadingPlaceholder />} - {view.hasError && ( - <ErrorMessage message={view.error} onPressTryAgain={onPressTryAgain} /> - )} + <CenteredView> + {view.isLoading && !data && <NotificationFeedLoadingPlaceholder />} + {view.hasError && ( + <ErrorMessage + message={view.error} + onPressTryAgain={onPressTryAgain} + /> + )} + </CenteredView> {data && ( <FlatList data={data} |