before final demo

andela · Mar 5, 2019 · 733d8c0 · 733d8c0
1 parent 35c22a6
commit 733d8c0
Showing 1 changed file with 5 additions and 11 deletions.
diff --git a/src/components/widgets/ReactionIcons.jsx b/src/components/widgets/ReactionIcons.jsx
@@ -10,15 +10,9 @@ class ReactionIcons extends Component {
     this.props.getTotalReactions(this.props.selectedArticleId);
   };
 
-  createLikeIcon = () => (
-    <i role="presentation" onClick={this.createReaction.bind(this, 'like')}>
-      <Icon disabled link size="small" fitted name="thumbs up outline" />
-    </i>
-  );
-
-  createDislikeIcon = () => (
-    <i role="presentation" onClick={this.createReaction.bind(this, 'dislike')}>
-      <Icon disabled link size="small" fitted name="thumbs down outline" />
+  createReactionIcon = (reaction, position) => (
+    <i role="presentation" onClick={this.createReaction.bind(this, reaction)}>
+      <Icon disabled link size="small" fitted name={`thumbs ${position} outline`} />
     </i>
   );
 
@@ -37,9 +31,9 @@ class ReactionIcons extends Component {
           <span>{dateFormatter(date)}</span>
         </Icon>
         <i className="dates">{date}</i>
-        {this.createLikeIcon()}
+        {this.createReactionIcon('like', 'up')}
         {likes}
-        {this.createDislikeIcon()}
+        {this.createReactionIcon('dislike', 'down')}
         {dislikes}
         <i className="articleComment">
           <Icon disabled link size="small" fitted name="comments outline" />