💄 Hide comment dropdown menu when unavailable to user (#564)

This commit is contained in:
Jonas Höbenreich 2023-03-14 23:40:05 +01:00 committed by GitHub
parent 182ff3b49c
commit 086091b67f
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -112,22 +112,23 @@ const Discussion: React.FunctionComponent = () => {
{dayjs(new Date(comment.createdAt)).fromNow()} {dayjs(new Date(comment.createdAt)).fromNow()}
</span> </span>
</div> </div>
<Dropdown {canDelete &&
placement="bottom-start" <Dropdown
trigger={<CompactButton icon={DotsHorizontal} />} placement="bottom-start"
> trigger={<CompactButton icon={DotsHorizontal} />}
<DropdownItem >
icon={Trash} <DropdownItem
label={t("deleteComment")} icon={Trash}
disabled={!canDelete} label={t("deleteComment")}
onClick={() => { onClick={() => {
deleteComment.mutate({ deleteComment.mutate({
commentId: comment.id, commentId: comment.id,
pollId, pollId,
}); });
}} }}
/> />
</Dropdown> </Dropdown>
}
</div> </div>
<div className="w-fit whitespace-pre-wrap"> <div className="w-fit whitespace-pre-wrap">
<TruncatedLinkify>{comment.content}</TruncatedLinkify> <TruncatedLinkify>{comment.content}</TruncatedLinkify>