Improve style pt. 4 (post and comments)

This commit is contained in:
riggraz
2019-09-20 17:56:01 +02:00
parent 53afa9007a
commit 0b88d58094
13 changed files with 202 additions and 72 deletions

View File

@@ -6,6 +6,8 @@ import { MutedText } from '../shared/CustomTexts';
import { CommentRepliesState } from '../../reducers/commentRepliesReducer';
import friendlyDate from '../../helpers/friendlyDate';
interface Props {
id: number;
body: string;
@@ -39,8 +41,11 @@ const Comment = ({
</div>
<p className="commentBody">{body}</p>
<div className="commentFooter">
<a className="commentReplyButton" onClick={handleToggleCommentReply}>Reply</a>
<MutedText>{updatedAt}</MutedText>
<a className="commentReplyButton" onClick={handleToggleCommentReply}>
{ reply.isOpen ? 'Cancel' : 'Reply' }
</a>
&nbsp;&bull;&nbsp;
<MutedText>{friendlyDate(updatedAt)}</MutedText>
</div>
{
reply.isOpen ?