+ + + {!actor.avatarUrl && name.slice(0, 1).toUpperCase()} + + + {name} + {actor.account || actor.actorId} + + + {plainText(reply.content || reply.summary)} + + + runAction({ + key: `like:${reply.objectId}`, + input: { + action: 'like', + objectId: reply.objectId, + remoteActorId: actor.actorId, + }, + }) + } + textColor="green" + > + + + + runAction({ + key: `announce:${reply.objectId}`, + input: { + action: 'announce', + objectId: reply.objectId, + remoteActorId: actor.actorId, + }, + }) + } + textColor="green" + > + + + + { + event.preventDefault() + if (!draft.trim()) { + return + } + const sent = await runAction({ + key: `reply:${reply.objectId}`, + input: { + action: 'reply', + objectId: reply.objectId, + remoteActorId: actor.actorId, + content: draft.trim(), + }, + }) + if (sent) { + setReplyDrafts((current) => ({ + ...current, + [reply.objectId]: '', + })) + } + }} + > + + setReplyDrafts((current) => ({ + ...current, + [reply.objectId]: event.target.value, + })) + } + placeholder={intl.formatMessage({ + defaultMessage: '回覆到聯邦宇宙', + id: 'kw8J39', + })} + value={draft} + /> + + + + +
+ + + + {actorLabel(post.remoteActor)} + + {post.remoteActor.account || post.remoteActor.actorId} + + + + + {plainText(post.content || post.summary)} + + {post.url && ( + + + + )} + + + runAction( + { + action: post.liked ? 'unlike' : 'like', + objectId: post.objectId, + remoteActorId: post.remoteActor.actorId, + activityId: post.likeActivityId || undefined, + }, + `like:${post.objectId}` + ) + } + textColor="green" + > + {post.liked ? ( + + ) : ( + + )} + + + runAction( + { + action: post.announced ? 'unannounce' : 'announce', + objectId: post.objectId, + remoteActorId: post.remoteActor.actorId, + activityId: post.announceActivityId || undefined, + }, + `announce:${post.objectId}` + ) + } + textColor="green" + > + {post.announced ? ( + + ) : ( + + )} + + + runAction( + { + action: 'block', + remoteActorId: post.remoteActor.actorId, + reason: 'Blocked by local user', + }, + `block:${post.remoteActor.actorId}` + ) + } + textColor="greyDarker" + > + + + reportPost(post)} + textColor="red" + > + + + + { + event.preventDefault() + const content = replyDrafts[post.objectId]?.trim() + if (!content) { + return + } + const sent = await runAction( + { + action: 'reply', + objectId: post.objectId, + remoteActorId: post.remoteActor.actorId, + content, + }, + `reply:${post.objectId}` + ) + if (sent) { + setReplyDrafts((current) => ({ + ...current, + [post.objectId]: '', + })) + } + }} + > + + setReplyDrafts((current) => ({ + ...current, + [post.objectId]: event.target.value, + })) + } + placeholder={intl.formatMessage({ + defaultMessage: '回覆到聯邦宇宙', + id: 'kw8J39', + })} + value={replyDrafts[post.objectId] || ''} + /> + + + + +