Add score color to bar

4 years ago · 7c274fdd35
parent 2c2918cc9e
commit 7c274fdd35
1 changed files with 11 additions and 1 deletions
--- a/ui/src/components/comment-node.tsx
+++ b/ui/src/components/comment-node.tsx
@ -181,7 +181,7 @@ export class CommentNode extends Component<CommentNodeProps, CommentNodeState> {
              })}
            >
              <li className="list-inline-item">
-                <span className="text-danger">
+                <span className={this.scoreColor}>
                  <svg class="small icon icon-inline mr-1">
                    <use xlinkHref="#icon-heart"></use>
                  </svg>
@ -1144,4 +1144,14 @@ export class CommentNode extends Component<CommentNodeProps, CommentNodeState> {
    i.setState(i.state);
    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';
+    }
+  }
 }