Update layouts on a bunch of views

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 />}
+      <CenteredView>
-      {view.hasError && (
+        {view.isLoading && !data && <NotificationFeedLoadingPlaceholder />}
-        <ErrorMessage message={view.error} onPressTryAgain={onPressTryAgain} />
+        {view.hasError && (
-      )}
+          <ErrorMessage
+            message={view.error}
+            onPressTryAgain={onPressTryAgain}
+          />
+        )}
+      </CenteredView>
       {data && (
         <FlatList
           data={data}

src/view/com/post-thread/PostRepostedBy.tsx

@@ -1,6 +1,7 @@
 import React, {useEffect} from 'react'
 import {observer} from 'mobx-react-lite'
-import {ActivityIndicator, FlatList, StyleSheet, View} from 'react-native'
+import {ActivityIndicator, StyleSheet, View} from 'react-native'
+import {CenteredView, FlatList} from '../util/Views'
 import {
   RepostedByViewModel,
   RepostedByItem,
@@ -42,9 +43,9 @@ export const PostRepostedBy = observer(function PostRepostedBy({
 
   if (!view.hasLoaded) {
     return (
-      <View>
+      <CenteredView>
         <ActivityIndicator />
-      </View>
+      </CenteredView>
     )
   }
 
@@ -52,9 +53,9 @@ export const PostRepostedBy = observer(function PostRepostedBy({
   // =
   if (view.hasError) {
     return (
-      <View>
+      <CenteredView>
         <ErrorMessage message={view.error} onPressTryAgain={onRefresh} />
-      </View>
+      </CenteredView>
     )
   }
 

src/view/com/post-thread/PostVotedBy.tsx

@@ -1,6 +1,7 @@
 import React, {useEffect} from 'react'
 import {observer} from 'mobx-react-lite'
-import {ActivityIndicator, FlatList, StyleSheet, View} from 'react-native'
+import {ActivityIndicator, StyleSheet, View} from 'react-native'
+import {CenteredView, FlatList} from '../util/Views'
 import {VotesViewModel, VoteItem} from '../../../state/models/votes-view'
 import {Link} from '../util/Link'
 import {Text} from '../util/text/Text'
@@ -38,9 +39,9 @@ export const PostVotedBy = observer(function PostVotedBy({
 
   if (!view.hasLoaded) {
     return (
-      <View>
+      <CenteredView>
         <ActivityIndicator />
-      </View>
+      </CenteredView>
     )
   }
 
@@ -48,9 +49,9 @@ export const PostVotedBy = observer(function PostVotedBy({
   // =
   if (view.hasError) {
     return (
-      <View>
+      <CenteredView>
         <ErrorMessage message={view.error} onPressTryAgain={onRefresh} />
-      </View>
+      </CenteredView>
     )
   }
 

src/view/com/profile/ProfileFollowers.tsx

@@ -1,10 +1,11 @@
 import React, {useEffect} from 'react'
 import {observer} from 'mobx-react-lite'
-import {ActivityIndicator, FlatList, StyleSheet, View} from 'react-native'
+import {ActivityIndicator, StyleSheet, View} from 'react-native'
 import {
   UserFollowersViewModel,
   FollowerItem,
 } from '../../../state/models/user-followers-view'
+import {CenteredView, FlatList} from '../util/Views'
 import {Link} from '../util/Link'
 import {Text} from '../util/text/Text'
 import {ErrorMessage} from '../util/error/ErrorMessage'
@@ -43,9 +44,9 @@ export const ProfileFollowers = observer(function ProfileFollowers({
 
   if (!view.hasLoaded) {
     return (
-      <View>
+      <CenteredView>
         <ActivityIndicator />
-      </View>
+      </CenteredView>
     )
   }
 
@@ -53,9 +54,9 @@ export const ProfileFollowers = observer(function ProfileFollowers({
   // =
   if (view.hasError) {
     return (
-      <View>
+      <CenteredView>
         <ErrorMessage message={view.error} onPressTryAgain={onRefresh} />
-      </View>
+      </CenteredView>
     )
   }
 

src/view/com/profile/ProfileFollows.tsx

@@ -1,6 +1,7 @@
 import React, {useEffect} from 'react'
 import {observer} from 'mobx-react-lite'
-import {ActivityIndicator, FlatList, StyleSheet, View} from 'react-native'
+import {ActivityIndicator, StyleSheet, View} from 'react-native'
+import {CenteredView, FlatList} from '../util/Views'
 import {
   UserFollowsViewModel,
   FollowItem,
@@ -43,9 +44,9 @@ export const ProfileFollows = observer(function ProfileFollows({
 
   if (!view.hasLoaded) {
     return (
-      <View>
+      <CenteredView>
         <ActivityIndicator />
-      </View>
+      </CenteredView>
     )
   }
 
@@ -53,9 +54,9 @@ export const ProfileFollows = observer(function ProfileFollows({
   // =
   if (view.hasError) {
     return (
-      <View>
+      <CenteredView>
         <ErrorMessage message={view.error} onPressTryAgain={onRefresh} />
-      </View>
+      </CenteredView>
     )
   }
 

src/view/screens/Log.tsx

@@ -1,7 +1,8 @@
 import React, {useEffect} from 'react'
-import {ScrollView, StyleSheet, TouchableOpacity, View} from 'react-native'
+import {StyleSheet, TouchableOpacity, View} from 'react-native'
 import {observer} from 'mobx-react-lite'
 import {FontAwesomeIcon} from '@fortawesome/react-native-fontawesome'
+import {ScrollView} from '../com/util/Views'
 import {useStores} from '../../state'
 import {ScreenParams} from '../routes'
 import {s} from '../lib/styles'