Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-01-06 22:40:14 -05:00
Code Issues Activity

Added button to show more followers on profile in admin-x-activitypub (#21371)

Browse source 
no refs
This commit is contained in:
Michael Barrett 2024-10-22 20:56:14 +01:00 committed by GitHub
parent e9914d8fe5
commit 63afb15356
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 15 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
apps/admin-x-activitypub/package.json
View file

@ -1,6 +1,6 @@
{ {
"name": "@tryghost/admin-x-activitypub", "name": "@tryghost/admin-x-activitypub",
"version": "0.1.6", "version": "0.1.7",
"license": "MIT", "license": "MIT",
"repository": { "repository": {
"type": "git", "type": "git",

15
apps/admin-x-activitypub/src/components/Profile.tsx
View file

@ -35,6 +35,12 @@ const Profile: React.FC<ProfileProps> = ({}) => {
const layout = 'feed'; const layout = 'feed';
const [visibleFollowers, setVisibleFollowers] = useState(30);
const loadMoreFollowers = () => {
setVisibleFollowers(prev => prev + 30);
};
const tabs = [ const tabs = [
{ {
id: 'posts', id: 'posts',
@ -149,7 +155,7 @@ const Profile: React.FC<ProfileProps> = ({}) => {
</NoValueLabel> </NoValueLabel>
) : ( ) : (
<List> <List>
{followers.map((item) => { {followers.slice(0, visibleFollowers).map((item) => {
return ( return (
<ActivityItem key={item.id} url={item.url}> <ActivityItem key={item.id} url={item.url}>
<APAvatar author={item} /> <APAvatar author={item} />
@ -164,6 +170,13 @@ const Profile: React.FC<ProfileProps> = ({}) => {
})} })}
</List> </List>
)} )}
{visibleFollowers < followers.length && (
<Button
className='mt-4'
label='Load More'
onClick={loadMoreFollowers}
/>
)}
</div> </div>
), ),
counter: followersCount counter: followersCount