From 5bf4c66b40cfbe2b144357d156489c016637c073 Mon Sep 17 00:00:00 2001
From: Chi Vinh Le <vinh@wikiwi.io>
Date: Thu, 4 Oct 2018 19:48:56 +0200
Subject: [PATCH] fix: correct typings

---
 .../stream/tabs/comments/components/ReactionButton.tsx    | 4 ++--
 .../tabs/comments/containers/ReactionButtonContainer.tsx  | 8 +++-----
 2 files changed, 5 insertions(+), 7 deletions(-)

diff --git a/src/core/client/stream/tabs/comments/components/ReactionButton.tsx b/src/core/client/stream/tabs/comments/components/ReactionButton.tsx
index 206c0e2ab..559ba34f5 100644
--- a/src/core/client/stream/tabs/comments/components/ReactionButton.tsx
+++ b/src/core/client/stream/tabs/comments/components/ReactionButton.tsx
@@ -3,7 +3,7 @@ import React from "react";
 import { Button, ButtonIcon, MatchMedia } from "talk-ui/components";
 
 interface ReactionButtonProps {
-  onButtonClick: () => {};
+  onClick: () => void;
   totalReactions: number;
   reacted: boolean | null;
   label: string;
@@ -17,7 +17,7 @@ class ReactionButton extends React.Component<ReactionButtonProps> {
   public render() {
     const { totalReactions, reacted } = this.props;
     return (
-      <Button variant="ghost" size="small" onClick={this.props.onButtonClick}>
+      <Button variant="ghost" size="small" onClick={this.props.onClick}>
         {!!totalReactions && <span>{totalReactions}</span>}
         <MatchMedia gtWidth="xs">
           <ButtonIcon>
diff --git a/src/core/client/stream/tabs/comments/containers/ReactionButtonContainer.tsx b/src/core/client/stream/tabs/comments/containers/ReactionButtonContainer.tsx
index 17fe8ccba..686988a1e 100644
--- a/src/core/client/stream/tabs/comments/containers/ReactionButtonContainer.tsx
+++ b/src/core/client/stream/tabs/comments/containers/ReactionButtonContainer.tsx
@@ -22,7 +22,7 @@ interface ReactionButtonContainerProps {
 class ReactionButtonContainer extends React.Component<
   ReactionButtonContainerProps
 > {
-  private onButtonClick = () => {
+  private handleClick = () => {
     const input = {
       commentID: this.props.comment.id,
     };
@@ -32,9 +32,7 @@ class ReactionButtonContainer extends React.Component<
       this.props.comment.myActionPresence &&
       this.props.comment.myActionPresence.reaction;
 
-    return reacted
-      ? deleteCommentReaction(input)
-      : createCommentReaction(input);
+    reacted ? deleteCommentReaction(input) : createCommentReaction(input);
   };
   public render() {
     const {
@@ -52,7 +50,7 @@ class ReactionButtonContainer extends React.Component<
 
     return (
       <ReactionButton
-        onButtonClick={this.onButtonClick}
+        onClick={this.handleClick}
         totalReactions={totalReactions}
         reacted={reacted}
         label={label}