vote styling issue

pull/122/head
Dessalines 5 years ago
parent d7ae04dd16
commit 466e496593

@ -62,7 +62,7 @@ export class CommentNode extends Component<CommentNodeProps, CommentNodeState> {
<svg class="icon upvote"><use xlinkHref="#icon-arrow-up"></use></svg>
</div>
<div>{node.comment.score}</div>
<div className={`pointer ${node.comment.my_vote == -1 && 'text-danger'}`} onClick={linkEvent(node, this.handleCommentDisLike)}>
<div className={`pointer ${node.comment.my_vote == -1 ? 'text-danger' : 'text-muted'}`} onClick={linkEvent(node, this.handleCommentDisLike)}>
<svg class="icon downvote"><use xlinkHref="#icon-arrow-down"></use></svg>
</div>
</div>

@ -62,7 +62,7 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
<svg class="icon upvote"><use xlinkHref="#icon-arrow-up"></use></svg>
</div>
<div>{post.score}</div>
<div className={`pointer ${post.my_vote == -1 && 'text-danger'}`} onClick={linkEvent(this, this.handlePostDisLike)}>
<div className={`pointer ${post.my_vote == -1 ? 'text-danger' : 'text-muted'}`} onClick={linkEvent(this, this.handlePostDisLike)}>
<svg class="icon downvote"><use xlinkHref="#icon-arrow-down"></use></svg>
</div>
</div>

Loading…
Cancel
Save