Add score color to bar

diff --git a/ui/src/components/comment-node.tsx b/ui/src/components/comment-node.tsx
index 820dd901262521d9fcfc5ceb01808528fe50ca25..cfca0f3b1a4c4e5efc957a9f0c9ba9b2e74e6ea2 100644 (file)
--- 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';
+    }
+  }
 }