add editedComment conditional to EditLabel

This commit is contained in:
plebeius.eth
2023-06-10 14:31:25 +02:00
parent aa45e4c963
commit 30947a67f0
+31 -13
View File
@@ -11,33 +11,51 @@ const EditLabel = ({ commentCid, className }) => {
const timestamp = getDate(comment.edit?.timestamp); const timestamp = getDate(comment.edit?.timestamp);
const {state: editedCommentState, editedComment} = useEditedComment({comment}); const {state: editedCommentState, editedComment} = useEditedComment({comment});
const conditionsCheck = () => {
let conditions = [];
if (editedComment?.removed && !comment.removed) {
conditions.push("removal");
}
if (editedComment?.edit && !comment.edit) {
conditions.push("edit");
}
if (editedComment?.locked && !comment.locked) {
conditions.push("lock");
}
if (editedComment?.pinned && !comment.pinned) {
conditions.push("sticky");
}
return conditions.length > 0 ? conditions.join(', ') : null;
};
const conditionsString = conditionsCheck();
return ( return (
<> <>
<OriginalCommentModal <OriginalCommentModal
isOpen={isOriginalCommentModalOpen} isOpen={isOriginalCommentModalOpen}
closeModal={() => setIsOriginalCommentModalOpen(false)} closeModal={() => setIsOriginalCommentModalOpen(false)}
comment={comment}/> comment={comment}/>
{editedComment || comment.edit ? ( {comment.edit && (
<> <>
<br /> <br />
<span className={className}> <span className={className}>
{comment.removed ? (
<>
(This post has been removed)
</>
) : (
<>
{comment.edit ? (
<>
(Edited at {timestamp}, <Link className="ttl-link" onClick={ (Edited at {timestamp}, <Link className="ttl-link" onClick={
() => setIsOriginalCommentModalOpen(true) () => setIsOriginalCommentModalOpen(true)
}>show original</Link>) }>show original</Link>)
</> </span>
) : null}
{editedCommentState === 'pending' && ("(Pending edit)")}
{editedCommentState === 'failed' && ("(Failed edit)")}
</> </>
)} )}
{((editedCommentState === 'pending' || editedCommentState === 'failed') && conditionsString) ? (
<>
<br />
<span className={className}>
({editedCommentState === 'pending' ? 'Pending' : 'Failed'} {conditionsString})
</span> </span>
</> </>
) : null} ) : null}