diff --git a/src/view/com/notifications/Feed.tsx b/src/view/com/notifications/Feed.tsx
index 5f9cb129d5..55e958c2b4 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.isLoading && !data && }
- {view.hasError && (
-
- )}
+
+ {view.isLoading && !data && }
+ {view.hasError && (
+
+ )}
+
{data && (
+
-
+
)
}
@@ -52,9 +53,9 @@ export const PostRepostedBy = observer(function PostRepostedBy({
// =
if (view.hasError) {
return (
-
+
-
+
)
}
diff --git a/src/view/com/post-thread/PostVotedBy.tsx b/src/view/com/post-thread/PostVotedBy.tsx
index 9fd53da5ea..680bbadf4c 100644
--- a/src/view/com/post-thread/PostVotedBy.tsx
+++ b/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 (
-
+
-
+
)
}
@@ -48,9 +49,9 @@ export const PostVotedBy = observer(function PostVotedBy({
// =
if (view.hasError) {
return (
-
+
-
+
)
}
diff --git a/src/view/com/profile/ProfileFollowers.tsx b/src/view/com/profile/ProfileFollowers.tsx
index 00207c4d20..13d134c39a 100644
--- a/src/view/com/profile/ProfileFollowers.tsx
+++ b/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 (
-
+
-
+
)
}
@@ -53,9 +54,9 @@ export const ProfileFollowers = observer(function ProfileFollowers({
// =
if (view.hasError) {
return (
-
+
-
+
)
}
diff --git a/src/view/com/profile/ProfileFollows.tsx b/src/view/com/profile/ProfileFollows.tsx
index bd7e7a3ce1..de2fe3324e 100644
--- a/src/view/com/profile/ProfileFollows.tsx
+++ b/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 (
-
+
-
+
)
}
@@ -53,9 +54,9 @@ export const ProfileFollows = observer(function ProfileFollows({
// =
if (view.hasError) {
return (
-
+
-
+
)
}
diff --git a/src/view/screens/Log.tsx b/src/view/screens/Log.tsx
index 62d79f482b..c3e156dcb4 100644
--- a/src/view/screens/Log.tsx
+++ b/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'