From 0729c76b95d82c12fa92548a9cf31fac5cfb82f4 Mon Sep 17 00:00:00 2001
From: Djordje Vlaisavljevic <dzvlais@gmail.com>
Date: Thu, 3 Oct 2024 15:27:15 +0100
Subject: [PATCH] Fixed tabs in profiles showing up in the wrong place

ref https://linear.app/tryghost/issue/AP-429/add-ui-for-searching-and-viewing-mastodon-profiles
---
 .../search/ProfileSearchResultModal.tsx       | 41 +++++++------------
 1 file changed, 14 insertions(+), 27 deletions(-)

diff --git a/apps/admin-x-activitypub/src/components/search/ProfileSearchResultModal.tsx b/apps/admin-x-activitypub/src/components/search/ProfileSearchResultModal.tsx
index be62347a22..5654489df6 100644
--- a/apps/admin-x-activitypub/src/components/search/ProfileSearchResultModal.tsx
+++ b/apps/admin-x-activitypub/src/components/search/ProfileSearchResultModal.tsx
@@ -168,15 +168,20 @@ const ProfileSearchResultModal: React.FC<ProfileSearchResultModalProps> = ({
             title: 'Posts',
             contents: (
                 <div>
-                    {posts.map(post => (
-                        <FeedItem
-                            actor={profile.actor}
-                            comments={post.object.replies}
-                            layout='feed'
-                            object={post.object}
-                            type={post.type}
-                            onCommentClick={() => {}}
-                        />
+                    {posts.map((post, index) => (
+                        <div>
+                            <FeedItem
+                                actor={profile.actor}
+                                comments={post.object.replies}
+                                layout='feed'
+                                object={post.object}
+                                type={post.type}
+                                onCommentClick={() => {}}
+                            />
+                            {index < posts.length - 1 && (
+                                <div className="h-px w-full bg-grey-200"></div>
+                            )}
+                        </div>
                     ))}
                 </div>
             )
@@ -278,24 +283,6 @@ const ProfileSearchResultModal: React.FC<ProfileSearchResultModalProps> = ({
                                 onClick={toggleExpand}
                             />}
                         </div>)}
-                        <Heading className='mt-8' level={5}>Posts</Heading>
-                        
-                        {posts.map((post) => {
-                            if (post.type === 'Announce') {
-                                return null;
-                            } else {
-                                return (
-                                    <FeedItem
-                                        actor={profile.actor}
-                                        comments={post.object.replies}
-                                        layout='feed'
-                                        object={post.object}
-                                        type={post.type}
-                                        onCommentClick={() => {}}
-                                    />
-                                );
-                            }
-                        })}
                         <TabView<ProfileTab>
                             containerClassName='mt-6'
                             selectedTab={selectedTab}