feat: don't remove all feed UI on load

Author: colbr

src/apps/feed/components/post-view-container/index.tsx

@@ -32,39 +32,37 @@ export const PostView = ({ postId, isFeed, hideZidAction }: PostViewProps) => {
 
   return (
     <Panel className={styles.Wrapper}>
+      <PanelHeader>
+        <BackButton backToId={post?.replyTo?.id} />
+      </PanelHeader>
       {post !== undefined && (
-        <>
-          <PanelHeader>
-            <BackButton backToId={post.replyTo?.id} />
-          </PanelHeader>
-          <PanelBody className={styles.Panel}>
-            <div className={styles.Details}>
-              <Post
-                arweaveId={post.arweaveId}
-                avatarUrl={post.sender?.avatarUrl}
-                author={post.sender?.displaySubHandle}
-                className={styles.Post}
-                currentUserId={userId}
-                loadAttachmentDetails={() => {}}
-                media={post.media}
-                meowPost={isFeed ? meowPostFeed : meowPost}
-                messageId={post.id.toString()}
-                nickname={post.sender?.firstName}
-                numberOfReplies={post.numberOfReplies}
-                ownerUserId={post.sender?.userId}
-                reactions={post.reactions}
-                text={post.message}
-                timestamp={post.createdAt}
-                userMeowBalance={userMeowBalance}
-                variant='expanded'
-                channelZid={post.channelZid}
-                hideZidAction={hideZidAction}
-              />
-              <CommentInput channelZid={post.channelZid} isFeed={isFeed} postId={postId} />
-            </div>
-            <Replies postId={postId} isFeed={isFeed} hideZidAction={hideZidAction} />
-          </PanelBody>
-        </>
+        <PanelBody className={styles.Panel}>
+          <div className={styles.Details}>
+            <Post
+              arweaveId={post.arweaveId}
+              avatarUrl={post.sender?.avatarUrl}
+              author={post.sender?.displaySubHandle}
+              className={styles.Post}
+              currentUserId={userId}
+              loadAttachmentDetails={() => {}}
+              media={post.media}
+              meowPost={isFeed ? meowPostFeed : meowPost}
+              messageId={post.id.toString()}
+              nickname={post.sender?.firstName}
+              numberOfReplies={post.numberOfReplies}
+              ownerUserId={post.sender?.userId}
+              reactions={post.reactions}
+              text={post.message}
+              timestamp={post.createdAt}
+              userMeowBalance={userMeowBalance}
+              variant='expanded'
+              channelZid={post.channelZid}
+              hideZidAction={hideZidAction}
+            />
+            <CommentInput channelZid={post.channelZid} isFeed={isFeed} postId={postId} />
+          </div>
+          <Replies postId={postId} isFeed={isFeed} hideZidAction={hideZidAction} />
+        </PanelBody>
       )}
     </Panel>
   );