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

Improved how we handle Like notifications

Browse source 
ref https://linear.app/ghost/issue/AP-480/handle-likes-received-on-replies

- Clicking a notification now opens Article/Note in the drawer
- When the liked post is a reply, the content of the reply is shown in the notification
This commit is contained in:
Djordje Vlaisavljevic 2024-10-22 15:40:01 +01:00
parent 936ff85efb
commit f214213859
1 changed files with 26 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

36
apps/admin-x-activitypub/src/components/Activities.tsx
View file

@ -33,8 +33,10 @@ const getActivityDescription = (activity: Activity): string => {
case ACTVITY_TYPE.FOLLOW:
return 'Followed you';
case ACTVITY_TYPE.LIKE:
if (activity.object) {
if (activity.object && activity.object.type === 'Article') {
return `Liked your article "${activity.object.name}"`;
} else if (activity.object && activity.object.type === 'Note') {
return `${activity.object.content}`;
}
}
@ -136,6 +138,28 @@ const Activities: React.FC<ActivitiesProps> = ({}) => {
// return followers.includes(id);
// };
const handleActivityClick = (activity: Activity) => {
switch (activity.type) {
case ACTVITY_TYPE.CREATE:
NiceModal.show(ArticleModal, {
object: activity.object,
actor: activity.actor,
comments: activity.object.replies
});
break;
case ACTVITY_TYPE.LIKE:
NiceModal.show(ArticleModal, {
object: activity.object,
actor: activity.actor,
comments: activity.object.replies
});
break;
case ACTVITY_TYPE.FOLLOW:
break;
default:
}
};
return (
<>
<MainNavigation title='Activities' />
@ -162,15 +186,7 @@ const Activities: React.FC<ActivitiesProps> = ({}) => {
<ActivityItem
key={activity.id}
url={getActivityUrl(activity) || getActorUrl(activity)}
onClick={
activity.type === ACTVITY_TYPE.CREATE ? () => {
NiceModal.show(ArticleModal, {
object: activity.object,
actor: activity.actor,
comments: activity.object.replies
});
} : undefined
}
onClick={() => handleActivityClick(activity)}
>
<APAvatar author={activity.actor} badge={getActivityBadge(activity)} />
<div className='min-w-0'>