mirror of
https://github.com/LemmyNet/lemmy.git
synced 2024-11-10 22:45:02 +00:00
Add score color to bar
This commit is contained in:
parent
7015332d97
commit
fe66a336e6
1 changed files with 11 additions and 1 deletions
12
ui/src/components/comment-node.tsx
vendored
12
ui/src/components/comment-node.tsx
vendored
|
@ -181,7 +181,7 @@ export class CommentNode extends Component<CommentNodeProps, CommentNodeState> {
|
||||||
})}
|
})}
|
||||||
>
|
>
|
||||||
<li className="list-inline-item">
|
<li className="list-inline-item">
|
||||||
<span className="text-danger">
|
<span className={this.scoreColor}>
|
||||||
<svg class="small icon icon-inline mr-1">
|
<svg class="small icon icon-inline mr-1">
|
||||||
<use xlinkHref="#icon-heart"></use>
|
<use xlinkHref="#icon-heart"></use>
|
||||||
</svg>
|
</svg>
|
||||||
|
@ -1144,4 +1144,14 @@ export class CommentNode extends Component<CommentNodeProps, CommentNodeState> {
|
||||||
i.setState(i.state);
|
i.setState(i.state);
|
||||||
setupTippy();
|
setupTippy();
|
||||||
}
|
}
|
||||||
|
|
||||||
|
get scoreColor() {
|
||||||
|
if (this.state.my_vote == 1) {
|
||||||
|
return 'text-info';
|
||||||
|
} else if (this.state.my_vote == -1) {
|
||||||
|
return 'text-danger';
|
||||||
|
} else {
|
||||||
|
return 'text-muted';
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue