Update layouts on a bunch of views

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}