From fe66a336e69a57a721bb765b15b5bda6542a61da Mon Sep 17 00:00:00 2001
From: Dessalines <happydooby@gmail.com>
Date: Wed, 4 Mar 2020 14:06:03 -0500
Subject: [PATCH] Add score color to bar

---
 ui/src/components/comment-node.tsx | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/ui/src/components/comment-node.tsx b/ui/src/components/comment-node.tsx
index 820dd90..cfca0f3 100644
--- 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';
+    }
+  }
 }