TryGhost/Ghost
1
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2024-11-22 19:32:54 +03:00
Code Issues Projects Releases Wiki Activity

Connected outgoing Like API(#20931)

Browse Source 
ref https://linear.app/tryghost/issue/AP-286/outgoing-like-activities
This commit is contained in:
Djordje Vlaisavljevic 2024-09-05 19:57:00 +01:00 committed by GitHub
parent 0b5f26ab97
commit 3f797d5882
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 21 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
apps/admin-x-activitypub/src/components/feed/FeedItem.tsx
View File

@ -127,22 +127,34 @@ function renderInboxAttachment(object: ObjectProperties) {
}
const FeedItemStats: React.FC<{
isLiked: boolean;
object: ObjectProperties;
likeCount: number;
commentCount: number;
onLikeClick: () => void;
onCommentClick: () => void;
}> = ({isLiked: initialLikedState, likeCount, commentCount, onLikeClick, onCommentClick}) => {
}> = ({object, likeCount, commentCount, onLikeClick, onCommentClick}) => {
const [isClicked, setIsClicked] = useState(false);
const [isLiked, setIsLiked] = useState(initialLikedState);
const [isLiked, setIsLiked] = useState(object.liked);
const handleLikeClick = () => {
const handleLikeClick = async () => {
setIsClicked(true);
let req;
if (!isLiked) {
req = fetch(`/.ghost/activitypub/actions/like/${encodeURIComponent(object.id)}`, {
method: 'POST'
});
} else {
req = fetch(`/.ghost/activitypub/actions/unlike/${encodeURIComponent(object.id)}`, {
method: 'POST'
});
}
await req;
setIsLiked(!isLiked);
setIsClicked(false); // Reset the animation class after request completed
// Call the requested `onLikeClick`
onLikeClick();
setTimeout(() => setIsClicked(false), 300);
};
@ -194,7 +206,6 @@ const FeedItem: React.FC<FeedItemProps> = ({actor, object, layout, type, last})
const date = new Date(object?.published ?? new Date());
const isLiked = false;
const onLikeClick = () => {
// Do API req or smth
// Don't need to know about setting timeouts or anything like that
@ -233,8 +244,8 @@ const FeedItem: React.FC<FeedItemProps> = ({actor, object, layout, type, last})
{renderFeedAttachment(object, layout)}
<FeedItemStats
commentCount={2}
isLiked={isLiked}
likeCount={1}
object={object}
onCommentClick={onLikeClick}
onLikeClick={onLikeClick}
/>
@ -278,8 +289,8 @@ const FeedItem: React.FC<FeedItemProps> = ({actor, object, layout, type, last})
{renderFeedAttachment(object, layout)}
<FeedItemStats
commentCount={2}
isLiked={isLiked}
likeCount={1}
object={object}
onCommentClick={onLikeClick}
onLikeClick={onLikeClick}
/>
@ -325,8 +336,8 @@ const FeedItem: React.FC<FeedItemProps> = ({actor, object, layout, type, last})
{renderFeedAttachment(object, layout)}
<FeedItemStats
commentCount={2}
isLiked={isLiked}
likeCount={1}
object={object}
onCommentClick={onLikeClick}
onLikeClick={onLikeClick}
/>
@ -362,8 +373,8 @@ const FeedItem: React.FC<FeedItemProps> = ({actor, object, layout, type, last})
</div>
<FeedItemStats
commentCount={2}
isLiked={isLiked}
likeCount={1}
object={object}
onCommentClick={onLikeClick}
onLikeClick={onLikeClick}
/>