From d04a6d7539c53ec3510175459c1ca8c8e7e994da Mon Sep 17 00:00:00 2001
From: Paul Frazee <pfrazee@gmail.com>
Date: Thu, 26 Jan 2023 17:55:15 -0600
Subject: Add web layout components

---
 src/view/com/posts/Feed.tsx | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)

(limited to 'src/view/com/posts/Feed.tsx')

diff --git a/src/view/com/posts/Feed.tsx b/src/view/com/posts/Feed.tsx
index db6877660..db05caa3c 100644
--- a/src/view/com/posts/Feed.tsx
+++ b/src/view/com/posts/Feed.tsx
@@ -3,11 +3,11 @@ import {observer} from 'mobx-react-lite'
 import {
   ActivityIndicator,
   View,
-  FlatList,
   StyleProp,
   StyleSheet,
   ViewStyle,
 } from 'react-native'
+import {CenteredView, FlatList} from '../util/Views'
 import {PostFeedLoadingPlaceholder} from '../util/LoadingPlaceholder'
 import {EmptyState} from '../util/EmptyState'
 import {ErrorMessage} from '../util/error/ErrorMessage'
@@ -86,11 +86,16 @@ export const Feed = observer(function Feed({
     )
   return (
     <View testID={testID} style={style}>
-      {!data && <PromptButtons onPressCompose={onPressCompose} />}
-      {feed.isLoading && !data && <PostFeedLoadingPlaceholder />}
-      {feed.hasError && (
-        <ErrorMessage message={feed.error} onPressTryAgain={onPressTryAgain} />
-      )}
+      <CenteredView>
+        {!data && <PromptButtons onPressCompose={onPressCompose} />}
+        {feed.isLoading && !data && <PostFeedLoadingPlaceholder />}
+        {feed.hasError && (
+          <ErrorMessage
+            message={feed.error}
+            onPressTryAgain={onPressTryAgain}
+          />
+        )}
+      </CenteredView>
       {feed.hasLoaded && data && (
         <FlatList
           ref={scrollElRef}
-- 
cgit 1.4.1

