From eed162ed2ae4ae3f003205cc14a3cb121f0a958a Mon Sep 17 00:00:00 2001
From: Djordje Vlaisavljevic <dzvlais@gmail.com>
Date: Mon, 24 Jun 2024 17:57:12 +0100
Subject: [PATCH] Added static design for ActivityPub explore

ref https://linear.app/tryghost/issue/MOM-246/add-empty-state-design
---
 apps/admin-x-activitypub/src/components/ListIndex.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/apps/admin-x-activitypub/src/components/ListIndex.tsx b/apps/admin-x-activitypub/src/components/ListIndex.tsx
index f0537fe3f5..7c109c8ba8 100644
--- a/apps/admin-x-activitypub/src/components/ListIndex.tsx
+++ b/apps/admin-x-activitypub/src/components/ListIndex.tsx
@@ -132,14 +132,14 @@ const Sidebar: React.FC<{followingCount: number, followersCount: number, updateR
             </div>
         </div>
         <div className='rounded-xl bg-grey-50 p-6'>
-            <header className='flex items-center justify-between'>
+            <header className='mb-4 flex items-center justify-between'>
                 <Heading level={5}>Explore</Heading>
                 <Button label='View all' link={true}/>
             </header>
             <List>
-                <ListItem detail='829 followers' title='404 Media' />
-                <ListItem detail='829 followers' title='404 Media' />
-                <ListItem detail='829 followers' title='404 Media' />
+                <ListItem action={<Button color='grey' label='Follow' link={true} onClick={() => {}} />} avatar={<Avatar image={`https://ghost.org/favicon.ico`} size='sm' />} detail='829 followers' hideActions={true} title='404 Media' />
+                <ListItem action={<Button color='grey' label='Follow' link={true} onClick={() => {}} />} avatar={<Avatar image={`https://ghost.org/favicon.ico`} size='sm' />} detail='791 followers' hideActions={true} title='The Browser' />
+                <ListItem action={<Button color='grey' label='Follow' link={true} onClick={() => {}} />} avatar={<Avatar image={`https://ghost.org/favicon.ico`} size='sm' />} detail='854 followers' hideActions={true} title='Welcome to Hell World' />
             </List>
         </div>
     </div>