before final demo

andela · Mar 6, 2019 · 3840dfc · 3840dfc
1 parent af5c4e3
commit 3840dfc
Showing 1 changed file with 8 additions and 10 deletions.
diff --git a/src/components/widgets/ReactionIcons.jsx b/src/components/widgets/ReactionIcons.jsx
@@ -10,15 +10,13 @@ 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>
-  );
+  componentWillUnmount = () => {
+    this.clearTimer();
+  };
 
-  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 +35,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" />